qiokian-example icon indicating copy to clipboard operation
qiokian-example copied to clipboard

🙊 live2d anime figure vuejs component.

qiokian - anime in Vue.js!

🙊 live2d anime figure Vuejs component.

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge

Shishiro Botan


🔗 Demo Link

qiokian qiokian landing page

🛠 Project setup

📥 Install dependencies

npm install

🔨 Compiles and hot-reloads for development

npm run serve

📦 Compiles and minifies for production

npm run build

🧱 Usage

  • Add

    <link
    	rel="stylesheet"
    	href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"
    />
    

    into index.html

  • globally import the component in App.vue and use it. The component is in @/components/figures.vue. An exeplar App.vue snippet is shown below:

    import Figures from "@/components/figures.vue";
    export default {
    	components: {
    		Figures
    	}
    };
    

📈 Plans

  • Shishiro Botan Model (Anyone willing to help?)
  • Fix lint issues

Inspired by https://github.com/stevenjoezhang/live2d-widget.

All forms of contribution are welcome, and yes, stars please.