KnowsCount / qiokian-example

πŸ™Š live2d anime figure vuejs component.

Home Page:https://qiokian.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

πŸ™Š live2d anime figure vuejs component.

https://qiokian.vercel.app

License:MIT License


Languages

Language:Vue 52.1%Language:HTML 34.8%Language:JavaScript 13.1%