Rive

rive.app
Design & Prototyping
Weekend Project

Create with motion - The Interactive experience engine

How to Replace Rive

Overview

Rive is an interactive design and animation platform that enables designers, animators, and developers to build interactive experiences in one unified editor. It provides open-source runtimes that allow designs to ship natively across web, mobile apps, games, and other platforms. Products built with Rive reach over 2 billion users worldwide.

Features

56 features across 10 categories

AI(1)

AI AgentAIPremium

Use AI to write code and handle complex repetitive tasks

Also in: monday.com, Notion, Airtable

Animation(11)

Animation Mixing

Mixing animations is a core concept of interactivity

Blend States

Interactively layer and blend animations together

Draw Order

Animate the draw order without having to create duplicate objects

Follow Path

Easily animate and orient objects along a path with this constraint

Graph Editor

View and edit interpolation curves on the timeline

Interpolation

Create natural looking motion with interpolation (easing)

Inverse Kinematics

Set up poses without having to manipulate bones individually

Skeletal Animation

Use bones to animate characters and other objects

Timeline

Animate any property with Rive's comprehensive timeline

Transitions

Connect animations with transitions and define their conditions

Trim Paths

Animate only a portion of the stroke on a vector shape

Collaboration(4)

Community

Share files for feedback or find inspiration in the Community

LibrariesPremium

Reuse your components across multiple Rive projects

Remix

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

Teams

Collaborate in real-time with your team members

Also in: Notion, Airtable, Obsidian

Core Editor(1)

Rive Editor

Design, code, and animate in one place with no mockups or prototypes required

Also in: SITE123

Design(16)

Audio

Add user-triggered sound effects to your interactive Rive graphics

Binding

Connect meshes to bones with Rive's weighting system

Clipping

Cut out parts of your graphics using clipping

Components

Reusable parts of your design that can be used across projects

Constraints

Control the properties of one object through another

Dynamic Assets

Dynamically load and control any asset (fonts, images, and audio) at runtime

Meshes

A powerful way to add natural and organic deformations

N-Slicing

Slice raster and vector graphics so that your artwork doesn't distort when you resize it

Nested Artboards

Nested Artboards done right - Components

Raster Graphics

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

Responsive Layouts

Build components that dynamically reflow and resize

Solos

Create skins, toggle entire hierarchies, or create frame-by-frame effects

Text

Variable dynamic text for runtime, with full support for any language

Text Follow Path

Align text along a shape and even bind it to data

Vector Feathering

Soften the edge of vector paths without the typical performance impact of traditional blur effects

Vector Graphics

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

Also in: Squarespace, InVision, WordPress.com

Development(3)

Events

Let your runtime code know something meaningful happened in your Rive file

Inputs

Inputs are the contract between design and engineering

ScriptingPremium

Extend Rive's functionality using Luau scripting in the editor

Also in: Kissflow, Lattice, WordPress.com

Export(2)

Cloud Renderer

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

Share Links

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

Also in: Looker, Hunter, MLflow

Import/Export(2)

Lottie Import

Drag and drop a Lottie JSON file to import it

Paste from Figma

Copy as SVG in Figma and paste it directly into the Rive

Interactivity(6)

Data Binding

Data Binding gives you powerful new ways to design, build, and animate with data

Joysticks

Joysticks make it easy to create rich animations with simple controls

Listeners

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

Scrolling

Create vertical, horizontal, or multi-directional scrolling with physics

State Machine

Built for interactivity - empowers designers to drive functionality that ships in the final product, bridging the gap between design and development

State Machine Layers

Create concurrent functionality with state machine layers

Runtime(10)

Android Runtime

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

Apple Runtime

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

C++ Runtime

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

Defold Runtime

Render Rive interactive graphics and UI in Defold

Flutter Runtime

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

React Native Runtime

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

React Runtime

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

Unity Runtime

Render Rive interactive graphics and UI in Unity

Unreal Runtime

Render Rive interactive graphics and UI in Unreal Engine

Web (JS) Runtime

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

Pricing

Free

Free
  • 3 collaborative files
  • Build full experiences with State Machines, Data Binding, and Scripting
  • 1 project
  • 1 workspace
  • Team members unlimited
  • Realtime collaboration
  • Shared file browser
  • Batch exporting
  • Community support
  • Rive support in the Community
  • 10 MB / asset imported
  • Personal files unlimited
  • State Machines
  • Transitions
  • Listeners
  • Data Binding
  • Blend States
  • State Machine Layers
  • Responsive Layouts
  • Scrolling
  • Vector Feathering
  • N-Slicing
  • Skeletal Animation
  • Trim Paths
  • Meshes
  • Constraints
  • Inverse Kinematics
  • Interpolation/Easing
  • Animate Draw Order
  • Nested Artboards
  • Animation mixing
  • Solos
  • Joysticks
  • Follow Path
  • Text
  • Text Follow Path
  • Import Google fonts
  • Custom fonts
  • Audio
  • SVG import
  • PNG import
  • JPG import
  • Flare import
  • Lottie import
  • WebP Import
  • REV (for backup)
  • Hosted Share Links
  • CDN hosted assets
  • MP4
  • GIF
  • PNG sequence
  • WebM
  • JavaScript runtime
  • Flutter runtime
  • iOS runtime
  • Android runtime
  • React runtime
  • React Native runtime
  • C++ runtime
  • Defold runtime
  • Unity runtime
  • Unreal runtime

Cadet

$9/seat/mo
  • 3 seats max
  • Ship to apps, products, vehicles, and games
  • Exports
  • Unlimited files
  • $5/seat monthly agent credits
  • Personal files unlimited
  • Collaborative files unlimited
  • Projects unlimited
  • Workspaces 1
  • Team members unlimited
  • Realtime collaboration
  • Shared file browser
  • Batch exporting
  • Community support
  • Rive support in the Community
  • 100 MB / asset imported
  • All Free tier features

Voyager

$32/seat/mo
  • 25 seats max
  • Build with Libraries and scale collaboration
  • Libraries
  • CDN asset hosting
  • $16/seat monthly agent credits
  • Embed link hosting
  • Rive support
  • Prioritized responses from the Rive team in the Community
  • Personal files unlimited
  • Collaborative files unlimited
  • Projects unlimited
  • Workspaces 1
  • Team members unlimited
  • Realtime collaboration
  • Shared file browser
  • Batch exporting
  • Community support
  • Rive support in the Community
  • 100 MB / asset imported
  • Revision history unlimited
  • Deleted file recovery
  • Folders and Tags
  • Early Access to unreleased features
  • Backup file format
  • All Cadet tier features

Enterprise

$120/seat/mo
  • $10M+ annual revenue requirement
  • Scale, support, and security built for large organizations
  • Subteam workspaces
  • Custom S3 bucket
  • $40/seat monthly agent credits
  • Org-wide permissions
  • Rive dedicated support
  • Dedicated Slack channel with the Rive Product, Creative, and Support teams
  • Onboarding and training
  • Custom runtime
  • Bring Rive to your custom platforms, engines, products, or hardware
  • Centralized billing
  • SSO
  • SOC2 Type II
  • Personal files unlimited
  • Collaborative files unlimited
  • Projects unlimited
  • Workspaces unlimited
  • Team members unlimited
  • Realtime collaboration
  • Shared file browser
  • Batch exporting
  • Community support
  • Rive support in the Community
  • 100 MB / asset imported
  • Revision history unlimited
  • Deleted file recovery
  • Folders and Tags
  • Early Access to unreleased features
  • Backup file format
  • All Voyager tier features

Cost Calculator

Keep Paying Rive

Monthly$9/mo
Yearly$108/yr
5-Year Total$540

Build It Yourself

Est. Build Time~4 hrs
Hosting$20/mo
DifficultyVery Easy

Total Cost Comparison

1 Year
SaaS
$108
DIY
$240
3 Years
SaaS
$324
DIY
$720
5 Years
SaaS
$540
DIY
$1.2k

DIY hosting estimate based on Vercel + Supabase free/pro tiers (~$20/mo). Build time estimated from 56 features at very easy complexity.

Build vs Buy

Should you build a Rive alternative or buy the subscription? Estimate based on 56 features.

Buy Rive

Better Value
Monthly cost$90/mo
3-year total$3,240
Time to deployDays

Build Your Own

Development cost$36,000
Maintenance$540/mo
3-year total$55,440
Dev time~3 months

Buying Rive saves ~$52,200 over 3 years vs building.

Estimates based on 56 features and a BuildScore of 5/5. Actual costs vary.

Integrations

7 known integrations

After EffectsFigmaFlareFramerLottieWebflowWix Studio