Spotify Wrapped
Spotify built Wrapped 2025 with Rive. More than 300 million users engaged, and they shared it more than 630 million times.
LinkedIn Year in Review
A personalized, data-driven experience built entirely in Rive, with 207,360 possible user journeys across three languages.
Duolingo
Duolingo builds UI and animates its characters with Rive across its language, math, and music apps, including Video Call with Lily.
Rive for apps
Rive adds interactive, animated UI to the apps you already have, from one animated component to a whole screen. Your agent builds it with the Rive CLI, designers refine it in the Rive Editor, and the same file runs on iOS, Android, Flutter, React Native, and the web through Rive’s open-source runtimes.
One component or a whole screen
Add a single animated component or build an entire screen. The rest of your app stays as it is.
One file, every platform
The same file runs on iOS, Android, Flutter, React Native, and the web through Rive’s open-source runtimes.
Connected to your data
Your code sets values like a name, a score, or progress through data binding, and the UI reacts in real time.
How to get started
Your agent builds it. You test it in the CLI preview window and keep directing it until it’s right.
01 Paste the prompt
Paste it into Claude Code, Codex, Cursor, or any coding agent. The agent installs the Rive CLI for you.
02 Describe the UI
Ask for a screen, a flow, or a single component. Your agent writes the Rive file and shows it in the CLI preview window.
03 Add it to your app
Your agent adds the Rive runtime to your iOS, Android, Flutter, React Native, or web project and connects the file to your app’s data.
04 Keep designing in the Editor
Push the file to your Rive account and open it in the Rive Editor. Refine layout, motion, and states with professional design and animation tools. Needs a free Rive account.
FAQ
Common questions about adding Rive to iOS, Android, and web apps.
Which platforms does Rive run on?
Web, iOS, macOS, Android, Flutter, React, and React Native, plus Unity, Unreal, Defold, and C++. The runtimes are open source under the MIT license.
Do I have to rebuild my app in Rive?
No. Add Rive where you want it, from one animated component to a full screen, and keep the rest of your app as it is. You can also build a whole app in Rive.
What can I build with Rive in my app?
Onboarding flows, animated characters, interactive charts, loading and empty states, rewards, year-in-review stories like Wrapped, and full screens. Anything in your app that should move or respond to input.
Can I start from my Figma designs?
Yes. Point your coding agent at your Figma file and it rebuilds your screens in Rive as working UI, with reusable components, data binding, and animated transitions. Agents read Figma files through Figma’s MCP server. See Figma to Rive for the full workflow.
How does my app talk to the Rive file?
Through data binding. Your code sets values like a name, a score, or progress, and the file reacts. Your app can also listen for values the file changes.
Do I need a Rive account?
You can build and preview without one. Sign in to publish or export a file, open it in the Rive Editor, or go past the free usage limits.
Join our newsletter
Get all the latest Rive news delivered to your inbox.