Free Rive Course

Free Rive Animation Course for UI & Apps

Learn how to design, rig and ship production-ready Rive animations for web and mobile apps. No fluff, just a focused path from first file to interactive UI components.

Start the free course Self-paced • No sign-up required

Course roadmap

Module 1 · Rive basics

Set up Rive, understand the interface and build your first simple looped animation. We keep everything in black & white so you can focus purely on motion and timing.

  • Workspace tour
  • Artboards, nodes and keyframes
  • Simple button hover animation

Module 2 · UI components

Turn static UI into interactive components using Rive. Learn how to think in states, not screens, and keep files organised for handoff.

  • Toggle switches & checkboxes
  • Microinteractions for forms
  • Best practices for naming & layers

Module 3 · State machines

Use state machines to connect user input, logic and motion. This is where Rive becomes truly powerful for product teams.

  • Inputs, transitions and conditions
  • Loading, success & error states
  • Debugging unexpected behaviour

Module 4 · Runtimes & handoff

Learn how to export Rive files and hand them to developers, or plug them into web and app runtimes yourself.

  • Exporting and file structure
  • Working with web & app runtimes
  • Performance and asset budgets

Module 5 · Real product patterns

Apply what you have learned to real-world UI patterns used in dashboards, onboarding and empty states.

  • Onboarding flows
  • Dashboard microinteractions
  • Motion for loading & feedback

Who this course is for

Product designers, UI/UX designers and front-end developers who want to add high-quality motion to real products using Rive.

What you'll be able to do

By the end of the course, you'll be comfortable designing and shipping Rive animations into modern web and app stacks.

Need help on a live project?

If you want a Rive specialist to design and build animations with your team, you can hire me for focused project work.

Hire for a Rive project