vuemotion

The next-generation animation engine for Vuejs Ecosystem

101
9
Vue

VueMotion

The next generation animation engine for Vue ecosystem.

πŸ“’ Introduction

VueMotion is a modern animation engine like Python’s Manim for Vuejs ecosystem, it provide lots of widget to help users produce animation and video rapidly. And it has a high scalability, which means you can easily create you own animation style.

VueMotion’s predecessor was the Newcar animation engine, but later the development was stopped for some special reasons. If you are an old user of Newcar, you are welcome to migrate to VueMotion.

πŸŽ₯ Demos

demo1 demo2 demo3

πŸ“š Documentation

The documentation has been available at vuemotion.dev

πŸ“– Tutorial

You can use our client tool to rapidly create a animation video via VueMotion.

$ npm install -g @vue-motion/client
$ vuemotion create my-animation-project
$ cd my-animation-project
$ npm install
$ npm run start

You will see the animation has been put in our previewer.

To export the animation, you can use the following command:

$ vuemotion export 3

It will generate a video file named output.mp4 in the current directory. The length of the video is 3 seconds.

πŸ“ License

vue-motion is licensed under the Apache-2.0 License. See the LICENSE file for details.

Copyright 2024-present, BugDuck Team.

πŸ§‘β€πŸ’» More Info

πŸ’– Maintained with LOVE by:

πŸ‘₯ Core Team Members:

πŸ™ Thanks for Their Accompanying:

🫢 Thanks for These Organizations:

πŸ’ͺ Sponsors

🌐 Social Media

✨ Star History
Star History Chart