Creative RESPONSIVE Rive Layouts for the Web - Crash Course

[@DesignCourse]

I've been spending a lot of my free time learning Rive. I 100% believe it will be a big player going forward in creative web projects, especially in 2025. I will be building out a lot of demos and projects with it soon!

[@nikolas4749]

When will you release your course in 2025 ?

[@DesignCourse]

@@nikolas4749 Don't know exactly, it hinges on a lot of things. They will be introducing some necessary features before I start recording.

[@DDesigner123]

i loved Flash and finally this js replacement after all these years. im not a vector guy id like to see tutorials on full site website designs and if 1 canvas element can be the fiture of controlling and building an entire site line we dod back in the day woth Flash. im excited to see the tuts you make for Rive integration with websies.

[@DaniAnimator_1]

Awesome work🔥

[@appelenian0]

thx for the tut! so basically like figmas autolayout feature.

[@tamz_id]

Thanks. How to make it responsive in Framer? Whenever I shift from desktop view to tablet or mobile view, it's not changing.

[@jontoyib]

Hi Garry, can you try and make a video tutorial about divhunt an alternative webflow and want to know your opinion about that. Thanks

[@brianavarro]

Hi man, tahnk you so much for this tutorial, I checked your code and I basically did what you show but I am having troubles when it comes to the animation, it doesn't resize to the mobile or desktop, I realize when I export the Rive file it starts with the artboard size that it has so for instance when I export it in 1000px and I paste it to the web, even if I shrink the windows it always show the desktop animation even tho in the console it says that animation change from mobile to desktop, and then if I try again but exporting with a width of 800 it opens the animation with the mobile but when I enlarge the windows it doesn't switch to desktop although I can see in the console that it changed :/ I am really frustrated, I tried chatgpt but I didn't get any solution, its always the same, I try keyframing the artwork size but it doesn't make any sense because it doesn't switch since I setting the values, I hope you can help, by the way you really look like Rob Halford when he was young lol

[@sujoykrhaldar]

What is the diff between rive and framer ?

[@JedHurricane]

Go research

[@thewebstylist]

Oh man this way too much time and work in this Ai day and age I have to say #timeismoney

[@badcatdesign]

Wow yeah agree. Straight up HTML and CSS for this layout takes about a minute; but I'm willing to see where this goes. I would've expected to only use Rive for the interactive graphics and not page layout. But then again, look what people do with CSS "paintings".