Interactive Animation with Rive

4.7

(3 ratings)

·

10 Days

·

Cohort-based Course

Make next-level interactive animations with Rive to create truly unique web experiences.

Worked with

Rive
Webflow
Edgar Allan
SlaterApp
Shadow Digital

Course overview

Become a Rive expert and build professional quality interactive animations

Why Rive?

Rive allows you to create interactive experiences that are unlike anything else. You can create animations that react to mouse position, microphone input, user text input, scroll behavior, and external data sources. Anything you can think of can be done with Rive's editor and runtime code.


Master the interactive animation tool that companies like Duolingo, Figma, Brilliant, and Metafy use to bring their websites and products to life. Innovative creators are adopting Rive due to its powerful state machine and runtime libraries that allow you to create interactive experiences that run everywhere.


Whether your background is in design, animation, web development, or something else entirely, we'll combine these skills to produce custom interactions that will surprise and delight your website visitors.



Through instructor-led workshops and individual course projects, you will master Rive:

🎨 - Design & Animate modes

🦴 - Bones, constraints, and meshes

🔤 - Text animation and runtime updates

🧩 - Animated "components" with nested artboards

🧠 - State Machine inputs, listeners, and logic

🔉- Events for sound, URLs, and advanced integrations

<> - JS runtime implementation (no prior JS experience needed)

🤏 - How to keep your Rive file sizes tiny and performant.


If you can imagine it, you can create it with Rive.

Who is this course for

01

Web designers who want to create sites unlike any other.

02

Animators who want to move beyond single-timeline animations into fully interactive work.

03

Developers who want to harness the power of Rive through custom JS runtime code.

What you’ll get out of this course

Rive Fundamentals

Design and animate in Rive. Become familiar with bones, constraints, image meshes, and other tools to create the motion and interactions you want.

Rive State Machine Deep Dive

Transition your animations from one timeline to another using simple logic. Use inputs to control animations and listeners to interact within the Rive canvas.

Add Rive to your Website

We'll use the Rive JS Runtime and JavaScript to integrate Rive animations into your site. You'll learn how to make animations react to other page elements and external data sources. This is where your imagination is the only limit of what can be done!

This course includes

5 interactive live sessions

Lifetime access to course materials

20 in-depth lessons

Direct access to instructor

4 projects to apply learnings

Guided feedback & reflection

Private community of peers

Course certificate upon completion

Maven Satisfaction Guarantee

This course is backed by Maven’s guarantee. You can receive a full refund within 14 days after the course ends, provided you meet the completion criteria in our refund policy.

Course syllabus

Expand all modules
  • Week 1

    Aug 5—Aug 11

    Events

    • Aug

      5

      Kickoff Workshop - Rive Orientation & Project Setup

      Mon, Aug 5, 11:00 PM - 1:00 AM UTC

    • Aug

      7

      Advanced State Machine Workshop

      Wed, Aug 7, 11:00 PM - 1:00 AM UTC

    • Aug

      9

      Optional: Friday Office Hours

      Fri, Aug 9, 2:00 PM - 3:00 PM UTC

    Modules

    • Rive Basics: Design Mode

    • Rive Basics: Animate Mode

    • Master Interactivity with the State Machine

  • Week 2

    Aug 12—Aug 14

    Events

    • Aug

      12

      Intro to JS Runtime Workshop

      Mon, Aug 12, 11:00 PM - 1:00 AM UTC

    • Aug

      14

      Advanced Runtime Implementation Workshop

      Wed, Aug 14, 11:00 PM - 1:00 AM UTC

    Modules

    • Rive to Website: Easy Method

    • Rive to Website: Advanced Method

  • Bonus

    Modules

    • Pro Tips

4.7

(3 ratings)

What students are saying

Meet your instructor

Jeff McAvoy

Jeff McAvoy

"The Rive Guy"

I have two decades of design, marketing, and web development experience and have become a Rive expert and ambassador. After seeing the endless possibilities of combining Rive and Webflow, I became determined to help others learn too.

A pattern of wavy dots

Be the first to know about upcoming cohorts

Interactive Animation with Rive

|

Bulk purchases

Learning is better with cohorts

Learning is better with cohorts

Active hands-on learning

This course builds on live workshops and hands-on projects

Interactive and project-based

You’ll be interacting with other learners through breakout rooms and project teams

Learn with a cohort of peers

Join a community of like-minded people who want to learn and grow alongside you

Frequently Asked Questions

What happens if I can’t make a live session?

Stay in the loop

Sign up to be the first to know about course updates.

A pattern of wavy dots

Be the first to know about upcoming cohorts

Interactive Animation with Rive

|

Bulk purchases