In this episode, Jeff McAvoy teaches us how to build interactive animations using Rive. First he walks us through some examples to show us what’s possible. Then he gives us a tour of the Rive editor, and lastly he shows us how to integrate Rive into his Webflow sites using a new tool called Slater.

Being able to add animations to your UI is a super power for designers and Rive feels like the future of animation 🚀

Dive is where the best designers never stop learning 🤿

🌐 dive.club

🐦 twitter.com/joindiveclub

Now you can join advanced courses taught by the top designers to help you take a huge leap forward in your career 💪

[00:50] Rive examples

[6:25] The Rive editor

[14:29] Advanced animation example

[25:06] Hacking with Slater

[33:29] Connecting Rive to Webflow

[35:50] Using iFrames

[38:23] Debrief + advice