Jeff McAvoy

Cohort 1

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

"The Rive Guy"

Interactive Animation with Rive

Designer

Senior UI Designer

Freelance Web and Motion Designer

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 &amp; 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&lt;&gt; - 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.

Become a Rive expert and build professional quality interactive animations 

Course syllabus

If your events are recurring and at the same time, it might be easiest to use a single line item to communicate your course schedule to students

Friday Cohort Calls

Feel free to type out dates as your title as a way to communicate information about specific live sessions or other events.

May 7, 2022

Schedule items can also be used to convey commitments outside of specific time slots (like weekly projects or daily office hours).

Weekly projects

Course schedule

Web designers who want to create sites unlike any other.

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

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

Who is this course for

What you’ll get out of this course

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

Rive Fundamentals

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

Rive State Machine Deep Dive

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!

Add Rive to your Website

Intro to the Rive runtime for Web

Rive Expert & Ambassador. Webflow dev/design. Known as "The Rive Guy"

Animations that react to the cursor, scroll progress, mic audio, text input, or any other data source you can think of!

Learn whats possible with Rive JS runtime code

Define the simple logic you want to use to create complex interactions.

Create interactivity with State Machines

You don't need to know code syntax or rules to get started making amazing web experiences!

Learn directly from Jeff McAvoy

Jeff McAvoy

Courses

Interactive Animation with Rive

Lightning Lessons

Intro to the Rive runtime for Web