Staging environment

Interactive Animation with Rive

4.7 (3)

·

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!

What’s included

Jeff McAvoy

Live sessions

Learn directly from Jeff McAvoy in a real-time, interactive format.

Lifetime access

Go back to course content and recordings whenever you need to.

Community of peers

Stay accountable and share insights with like-minded professionals.

Certificate of completion

Share your new skills with your employer or on LinkedIn.

Maven Guarantee

This course is backed by the Maven Guarantee. Students are eligible for a full refund up until the halfway point of the course.

Course syllabus

5 live sessions • 20 lessons • 4 projects

Week 1

Aug 5—Aug 11

    Aug

    5

    Kickoff Workshop - Rive Orientation & Project Setup

    Mon 8/511:00 PM—1:00 AM (UTC)

    Aug

    7

    Advanced State Machine Workshop

    Wed 8/711:00 PM—1:00 AM (UTC)

    Aug

    9

    Optional: Friday Office Hours

    Fri 8/92:00 PM—3:00 PM (UTC)
    Optional

    Rive Basics: Design Mode

    4 items

    Rive Basics: Animate Mode

    4 items

    Master Interactivity with the State Machine

    5 items

Week 2

Aug 12—Aug 14

    Aug

    12

    Intro to JS Runtime Workshop

    Mon 8/1211:00 PM—1:00 AM (UTC)

    Aug

    14

    Advanced Runtime Implementation Workshop

    Wed 8/1411:00 PM—1:00 AM (UTC)

    Rive to Website: Easy Method

    1 item

    Rive to Website: Advanced Method

    8 items

Bonus

    Pro Tips

    2 items

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

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

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