Rive for product ui

Design and build production-ready UI

Empower designers ⚔️ Slash dev times

Design and build more engaging products while making it a breeze for designers and developers to collaborate. Rive makes it easy to create responsive UI with state-driven animation, dynamic localized text, and connections to real data.

Design and build more engaging products while making it a breeze for designers and developers to collaborate. Rive makes it easy to create responsive UI with state-driven animation, dynamic localized text, and connections to real data.

Product UI news

Segment

FigJam

Figma uses Rive as part of their onboarding experience of their FigJam mobile app

Duolingo

Duolingo builds UI for ther language, math, and music apps with Rive.

Small devices

Rive's high-performance renderer shines on memory-constrained SoC devices.

Custom hardware

Build custom products that spark joy in everday interactive experiences.

Intercom

Transitioning from Lottie to Rive enhanced workflow, performance, and creativity.

Notion

Notion built their assistant entirely in Rive, doubling user engagement of their previous iteration.

Smartwatch UI

Build production-ready UI for custom hardware.

Pull-to-refresh tutorial

Create pull-to-refresh animations that work on iOS, Android, Flutter, React Native, and more.

Rive vs Lottie

Rive files are smaller, faster, and take less memory.

Run Rive in products

Rive runs anywhere with our open-source runtimes.

Web (JS)

An open-source library to run Rive on the web and manipulate your graphics with code.

Apple

An open-source library to run Rive in iOS, iPadOS, macOS, and visionOS apps.

Android

An open-source library to run Rive in Android apps and manipulate your graphics with code.

React

An open-source library to run Rive in React apps and manipulate your graphics with code.

React Native

An open-source library to run Rive in React Native apps and manipulate your graphics with code.

Flutter

An open-source library to run Rive in Flutter apps and manipulate your graphics with code.

Framer

A plugin to drag and drop your Rive assets and connect them to Framer’s interactive features.

Webflow

A plugin to drag and drop your Rive assets and connect them to Webflow’s interactive features.

Wix Studio

A plugin to drag and drop your Rive assets and connect them to Wix Studio's interactive features.

C++

An open-source library to run Rive in C++ apps and manipulate your graphics with code.

Unity

Render Rive interactive graphics and UI in Unity.

Unreal

Render Rive interactive graphics and UI in Unreal Engine.

Defold

Render Rive interactive graphics and UI in Defold.

Start building
production-ready graphics

Get Started

Join our newsletter

Get all the latest Rive news delivered to your inbox.