Skip to content
Rive logo

Rive

Interactive animations with a state machine, shipped as a real runtime.

DesignFreemium
13 votes

About Rive

Rive is a design tool for interactive animation that combines a vector editor, a timeline animator and an interactivity layer in one application. The file built in the editor is the file that ships in the app. Graphics are drawn by a GPU accelerated vector rendering engine, and the average Rive file is about 43 KB.

The State Machine links animations with conditional transitions, so a graphic reacts to user input, screen size, scroll position and application state. Data Binding connects text, colours, layouts and other properties to live application data at runtime, and Events let a Rive graphic notify the host application when a meaningful state change occurs. Text can be replaced at runtime and supports any language, while fonts, images and audio can be loaded as dynamic assets rather than embedded in the file. Responsive layouts let a component reflow and resize to fit its container, and scripting in the Luau language covers custom and procedural behaviour.

Rive imports SVG vectors, raster images in PNG, JPEG and WebP, and PSD files with their layers preserved. Animation covers skeletal rigs with bones, inverse kinematics and constraints, plus mesh deformation with vertex weighting. A cloud renderer outputs video, GIF and PNG sequences. Runtimes are published for Web, React, React Native, Flutter, Apple, Android, Unity, Unreal, C++, Defold, Framer, Webflow and Wix Studio, all open source under the MIT licence.

The Free plan costs nothing per seat and allows unlimited personal files but only three collaborative files, one project and one workspace. It caps each imported asset at 10 MB and provides no exports, no revision history and no CDN hosting. Cadet is $9 per seat per month for a maximum of three seats, raises the asset cap to 100 MB and lifts the limits on collaborative files, projects and exports, including .riv files. Voyager is $32 per seat per month for up to 25 seats and adds libraries, hosted embed URLs and unlimited revision history. Enterprise is $120 per seat per month and adds unlimited subteam workspaces, custom S3 bucket storage, SSO and SOC 2 Type II. Paid plans can be billed monthly or yearly.

Rive interface

Key features

  • Combines a vector design tool, a timeline animator and an interactivity layer in one editor.
  • Ships the file built in the editor as the file that runs in the application.
  • Links animations with conditional transitions so a graphic reacts to input, screen size, scroll position and app state.
  • Binds text, colours, layouts and other properties to live application data at runtime.
  • Fires events so a graphic can tell the host application a meaningful state change happened.
  • Reflows and resizes a component to fit its container with responsive layouts.
  • Replaces text in a file at runtime, in any language.
  • Loads fonts, images and audio as dynamic assets at runtime rather than embedding them.
  • Draws graphics through a GPU accelerated vector rendering engine, at around 43 KB for the average file.
  • Animates skeletons with bones, inverse kinematics, constraints and mesh deformation with vertex weighting.
  • Scripts custom and procedural behaviour in the Luau language.
  • Imports SVG vectors, PNG, JPEG and WebP images, and PSD files with their layers preserved.
  • Renders video, GIF and PNG sequences in the cloud.
  • Publishes runtimes for Web, React, React Native, Flutter, Apple, Android, Unity, Unreal, C++, Framer, Webflow and Wix Studio.
  • Releases the runtimes as open source under the MIT licence.

What people use it for

  • Building a button whose animation reacts to hover, press and loading state.
  • Changing the text and colours of a shipped graphic from live app data without a new build.
  • Handing one animation file to the iOS and Android teams instead of exporting twice.
  • Localising an animated banner by swapping its text at runtime.
  • Exporting a GIF of an animation for a launch post from the cloud renderer.
  • Bringing a layered PSD into an animation without flattening it first.
  • Triggering navigation in the app when an animated element finishes its transition.

Key facts

Key facts about Rive
CategoryDesign
PricingFreemium
Free tierYes
Upvotes13
Listed22 August 2026

Is this your product?

Claim the listing to correct anything wrong with it, add features and a changelog, and answer questions from people deciding whether to try it. Free, and it stays yours.

Claim this listing
  • Vector animations that ship as JSON and stay sharp at any size.

    Freemium
  • Interface design in the browser, with everyone in the file at once.

    Freemium
  • 3D scenes for the web, built in a browser and embedded like an image.

    Freemium
  • Templates for everything, for people who do not design for a living.

    Freemium
Claimed by Editorial