4.7 (3)
10 Days
·Cohort-based Course
Make next-level interactive animations with Rive to create truly unique web experiences.
4.7 (3)
10 Days
·Cohort-based Course
Make next-level interactive animations with Rive to create truly unique web experiences.
Worked with
Course overview
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.
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.
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!
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.
Interactive Animation with Rive
5 live sessions • 20 lessons • 4 projects
Aug
5
Aug
7
Aug
9
Aug
12
Aug
14
4.7 (3 ratings)
"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.
Be the first to know about upcoming 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
Sign up to be the first to know about course updates.
Be the first to know about upcoming cohorts