Features

An end-to-end pipeline for interactive graphics

Rive's editor, file format, and runtimes work seamlessly together, making it easy for designers and developers to create captivating interactive moments. This end-to-end pipeline guarantees that what you build in Rive looks and behaves exactly the same in your websites, apps, and games.

State Machine

Built for interactivity

Empower designers to drive functionality that ships in the final product. The State Machine bridges the gap between design and development, making iteration a breeze.

State Machines

Create interactivity visually using animations as states.

Transitions

Connect animations with transitions and define their conditions.

Listeners

Make graphics respond to hovers, clicks, taps, and more.

Inputs

Inputs are the contract between design and engineering.

Blend States

Interactively layer and blend animations together.

State Machine Layers

Create concurrent functionality with state machine layers.

Animate anything

Rive is built for fast and performant real-time animation. Everything in the platform behaves more like a game engine than a traditional design tool.

Timeline

Animate any property with Rive's comprehensive timeline.

Interpolation

Create natural looking motion with interpolation (easing).

Animation Mixing

Mixing animations is a core concept of interactivity.

Clipping

Cut out parts of your graphics using clipping.

Skeletal Animation

Use bones to animate characters and other objects.

Trim Paths

Animate only a portion of the stroke on a vector shape.

Meshes

A powerful way to add natural and organic deformations.

Binding

Connect meshes to bones with Rive's weighting system.

Constraints

Control the properties of one object through another.

Inverse Kinematics

Set up poses without having to manipulate bones individually.

Draw Order

Animate the draw order without having to create duplicate objects.

Nested Artboards

Speed up your workflow by reusing common animations.

Vector Graphics

Draw vector shapes directly in Rive or import pre-made SVGs.

Raster Graphics

Import single PNG, JPEG, and WebP images, or PSDs to preserve layers.

Work together

Rive is better with a team or with the support of our vibrant community.

Teams

Collaborate in real-time with your team members.

Community

Share files for feedback or find inspiration in the Community.

Remix

Riff, remix, and build upon other Rive creators' work.

Export anywhere

Easily embed interactive animations, manipulate everything with code, or render traditional formats. No complicated handoff, redlines, or documentation required.

Share Links

Present your files to clients or embed them into various platforms with a simple link.

Cloud Renderer

Continue working while we generate your videos, GIFs, and PNG sequences.

Framer

Easily add your files to a Framer site and control them without code.

Unity

Render Rive animations in Unity thanks to our partnership with Noesis.

Unreal

Render Rive animations in Unreal thanks to our partnership with Noesis.

iOS

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

Web (JS)

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

Android

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

Windows

An open-source library to run Rive in Windows 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.

C++

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

Start building beautiful interactive graphics

Get Started

Join our newsletter

Get all the latest Rive news delivered to your inbox.