awesome-rive

Simple Animated Menu Toggle Button in Rive

Create an animated spider cursor that crawls across the screen.

Skinning is managed in the Rive editor and toggled with an input

Render interactive code "in between" a Rive animation. See video

Animated teddy login screen.

Sync sound with actions in the state machine using the high-level JS runtime and howler.js

Use Rive share links to quickly add animations and interactivity to WebFlow websites.

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

Adding animated macOS doc icons.

Integrations and editor example to create an animated bottom bar in Flutter

Create your own animated vector icons with Rive.

Learn how to make an animated custom slider with Flutter + Rive

Combine multiple artboards together to layer an animation.

Make use of a custom Rive render object to change a shape's fill color, accessing it by name.

Centaur Example game, combining multiple artboards.

Demo showing how to make use of the low level rendering to track a Rive component and overlay text with a painting context.

Implement an animated login experience using Rive's React runtime.

Explore Rive state machines to build web UIs

Implement accessibility features with dynamically changing content.

"Rive reduces the time it takes to make complex animation, making some motion items easier and faster to build."

How to use Rive in Flutter Flow

Sprinkling some beautiful animations across your app.

Free course that teaches you how to design and code an iOS/SwiftUI app with Rive animated assets, icon animations, custom layouts, and interactions.

Free, open-source interactive course for learning Rive Luau scripting in the Rive Editor, with lessons, exercises, quizzes, API references, and capstone projects.

Project-based course covering Rive animation, State Machines, Data Binding, and Scripting through 60+ hands-on lessons. Built around one rolling product (an interactive weather app). For product and motion designers.

Project-based course teaching Rive scripting and Rive's AI Agent, by building a complete interactive space game. For designers, no programming experience required.

A simple demo, all state and game logic is handled in Rive.

Simple guessing game displaying a grid of Rive state machines.

An extension to the Flame Doodle Dash game to add Rive animations. See step-by-step

A Flappy Bird kind of game.

Play with a cute coffee loader built by

Animation/Design)

Best Educational Content)

Become a tech lead, slay bugs.

Using eye movement detection to trigger a state machine