Rive Masterclass Syllabus

60+ Hands-on Lessons

Rive Intro — Getting Started

  • Interfaces & workspace overview
  • Design vs Animate Mode
  • Timeline, Layers & Properties panels

Design Tools

  • Shapes, pen tool & boolean operations
  • Constraints & alignment
  • Building the visual foundation for animation

Animation Principles

  • Easing curves (Ease In/Out, custom curves)
  • Anticipation, overshoot, squash & stretch
  • Parallax, seamless loops & timing hierarchy

Animation Basics

  • Timelines & keyframes
  • Animation types: Loop, One Shot, Ping Pong
  • Playback control, speed & previewing

State Machine Fundamentals

  • What is a State Machine
  • Connecting timelines to states
  • Triggers, Booleans & Number inputs
  • Entry, Exit & AnyState
  • Visual logic without code

State Machine Essentials

  • Listeners & UI input connections
  • Multi-layer State Machines
  • Transition conditions & priority
  • State Machine vs Simple vs Remap

State Machine Advanced

  • Real interaction flow patterns
  • Complex multi-state animations
  • Organizing logic for clean, scalable files

Interactivity

  • Hit boxes & interactive zones
  • Follow mouse/finger logic
  • Making UI respond to user input

Modular Design

  • Reusable components for clean separation
  • Input communication between parent & child
  • Keeping complex files maintainable

Real-Time Logic with Data Binding

  • View Models, Enums & Variables
  • Converters & dynamic state updates
  • Lists & Artboard Lists for data-driven content
  • Connecting animations to real data

Scripting

  • Rive Listeners & custom logic
  • Event-driven interactions
  • Runtime scripting basics
  • Connecting Rive to external code

Rigging & Character Customization

  • Bones, groups & constraints
  • Rigging structure for characters & UI
  • Adjustable properties & sliders
  • Live customization & configurable elements

Responsive Design & Scroll

  • Layouts & Fit modes for any screen size
  • Scroll-driven animations
  • Adding a scroll constraint
  • Building adaptive, modern interactions

Text Layers

  • Text Runs & styling
  • Text animations & modifiers
  • Dynamic content in UI elements

SFX, Export and Best Practices

  • Sound effects for interactions
  • File optimization & performance
  • Naming conventions & file structure
  • Developer handoff & keyboard shortcuts