📒 Introduction

January 5, 2025 · View on GitHub

VueMotion

The next generation animation engine for Vue ecosystem.

📒 Introduction

VueMotion is a modern animation engine like Python's Manim for Vue.js 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

📚 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.

🧑‍💻 More Info

💖 Maintained with LOVE by:

@BugDuck

👥 Core Team Members:

🙏 Thanks for Their Accompanying:

🫶 Thanks for These Organizations:

💪 Sponsors

PagePeek

🌐 Social Media

✨ Star History