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