A Vue runtime library for Rive.
This library is a wrapper around the JS/Wasm runtime, giving full control over the js runtime while providing components and hooks for Vue applications.
- ⭐ Rive Overview
- 🚀 Getting Started & API docs
- 🔍 Supported Versions
- 📚 Examples
- 🏃 Migration Guides
- 👨💻 Contributing
- ❓ Issues
Rive is a real-time interactive design and animation tool that helps teams create and run interactive animations anywhere. Designers and developers use our collaborative editor to create motion graphics that respond to different states and user inputs. Our lightweight open-source runtime libraries allow them to load their animations into apps, games, and websites.
🏡 Homepage
Follow along with the link below for a quick start in getting Rive Vue integrated into your Vue apps.
- [Getting Started with Rive in Vue](Not yet)
- API documentation
For more information, see the Runtime sections of the Rive help documentation:
This library supports Vue versions ^16.8.0 through ^18.0.0.
Check out our Storybook instance that shows how to use the library in small examples, along with code snippets! This includes examples using the basic component, as well as the convenient hooks exported to take advantage of state machines.
For even more examples and resources on using Rive at runtime or in other tools, checkout the awesome-rive repo.
Using an older version of the runtime and need to learn how to upgrade to the latest version? Check out the migration guides below in our help center that help guide you through version bumps; breaking changes and all!
We love contributions! Check out our contributing docs to get more details into how to run this project, the examples, and more all locally.