Learn Rive

Learn how to design and animate with Rive

A collection of video tutorials, examples, and articles to get you up and running as quickly as possible.

Quick start video

If you watch just one thing, make it this one! Get a quick tour of Rive's core workflow and features.

Quick start video

If you watch just one thing, make it this one! Get a quick tour of Rive's core workflow and features.

Rive 101

A playlist to teach you about the core concepts of the Rive platform and the editor's interface.

Livestreams

Join the Rive Creative Team as they demonstrate new features and answer your questions.

Tutorials

Bouncing ball

Learn the basics of Rive's Design and Animate modes with this bouncing ball tutorial

3D effects

Learn how to create 3D-looking animations with 2D graphics in Rive

Head tracking

Learn how to rig and animate an interactive 2.5d head with cursor tracking in Rive

Star rating component

Learn how to create a star rating component with Rive’s State Machine

Walk cycle

Learn how to use Rive's bones and IK constraints to create a walk cycle

Perspective rotation

Learn a simple animation technique to create rotations in perspective in Rive

Animation mixing

Animation mixing in Rive lets you create rich layered interactions

Pull-to-refresh

Learn how to build a pull-to-refresh interaction that's ready to ship on iOS and Android

Livestream graphics

Learn how to add interactive animations to your livestream using Rive and OBS

Rive + Framer

Learn how to add your interactive Rive animations to your Framer sites

Scroll (design)

Learn how to use Rive's blend states to create interactive scroll animations

Scroll (code)

Learn how to implement scroll animations on websites using React

Rive + Flame

Learn how to add interactive Rive animations to a Flutter Flame game

Interactive forms

Join a workshop with the Creative Team as they show off their interactive forms

Mesh tutorial

Learn how to use meshes in Rive to take your graphics to the next level

Copy paste meshes

How to copy and paste meshes from one image to another

Popular concepts

State Machine

Learn how to make your graphics interactive with Rive's ground-breaking feature, the State Machine.

Animating shapes and paths

Rive allows you to create, edit, and animate vector graphics using either procedural or custom shapes.

Freeze and Origin

Use the Freeze and Origin features to control where your transformations happen on shapes, paths, images, and groups.

Bones

Use skeletal animation to create sophisticated rigs.

Share links

Easily implement Rive on websites without having to write any code.

Runtimes

Our open-source runtimes give you the most control when implementing Rive files in products, apps, websites, and games.

Start building beautiful interactive graphics

Get Started

Join our newsletter

Get all the latest Rive news delivered to your inbox.