Rive

Rive integration guides

Add Rive animated icons with state machine support to your project. Pick your platform below — each guide has copy-paste code snippets.

HTML / Web
Load Rive files in any webpage with the Rive WebGL CDN — no framework needed.
React
Embed interactive Rive animations in React with state machine support using @rive-app/react-canvas.
Vue
Use Rive's webgl runtime to add interactive animated icons to your Vue 3 or Nuxt app.
Android
Integrate Rive animations into Android apps with RiveAnimationView and Kotlin state machine controls.
iOS
Embed Rive animations in iOS apps using RiveViewModel and the Rive Swift Package.