Add Rive animated icons with state machine support to your project. Pick your platform below — each guide has copy-paste code snippets.
Load Rive files in any webpage with the Rive WebGL CDN — no framework needed.
Embed interactive Rive animations in React with state machine support using @rive-app/react-canvas.
Use Rive's webgl runtime to add interactive animated icons to your Vue 3 or Nuxt app.
Integrate Rive animations into Android apps with RiveAnimationView and Kotlin state machine controls.
Embed Rive animations in iOS apps using RiveViewModel and the Rive Swift Package.
Add interactive Rive icons to Flutter apps with RiveAnimation.asset and StateMachineController for hover and tap states.