A collection of repositories showing how to use the Rive runtimes.
Run flutter create .
in a Flutter project directry to generate platform support files.
-
Simple looping Animation - continuously play a looping animation.
-
Start/Stop Animation - control starting and stopping a looping animation.
-
Mixing Animations - Mixing animations together.
-
Controlling Mix - Control the level/strength of mix between animations.
-
Custom Controller - basic custom controller demonstrating how to customize animation behavior.
-
Callback Controller - custom controller demonstrating how to have a callback when an animation completes, and how to replay an animation.
Pure web examples use express-generator for simple local hosting. Run npm install
in the example's root directory, and then npm run
to serve the app.
If you'd like to learn step-by-step how the web runtimes work, have a look at the example READMEs in order.
-
Load Rive File - demonstrates how to load a Rive file and show the first frame of an animation.
-
Looping Animation - demonstrates how to continuously play a looping animation.
-
Mixing Animations - demonstrates how to mix different animations together.
-
Coming soon ...
-
React Component - sample React component for playing Rive animations