This content originally appeared on DEV Community and was authored by MilesWK
It looks harmless enough, until you hover over it...
Rive is an animation platform that specializes in state machines and UI. I came across them, and that's when I saw there "Get Started" button. I already had experienced what there platform could do through Duolingo, as all of Duolingo's animations are from Rive.
There was the button. I go to click it, when instantly I'm sold. Here is what happens when you hover on it:
Kaboom. A spaceship appears, an astronaut comes out, and behold, a cute animation plays.
I pull my cursor away, and behold, it folds back into a button again.
Why did I post about one cool button? I am a frontend developer, and I love animations. That includes GSAP, Lottie, etc. People say they are bad for accessibility? I don't care. YOU are bad for accessibility. (Just kidding)
Thanks for reading this boring page.
_Note: _ I would recommend you see this for yourself, as the GIF at the top is laggy. Go to https://rive.app/, scroll down and hover on the button
This content originally appeared on DEV Community and was authored by MilesWK
MilesWK | Sciencx (2025-10-30T17:27:39+00:00) The Best “Get Started” button I’ve ever seen. Retrieved from https://www.scien.cx/2025/10/30/the-best-get-started-button-ive-ever-seen/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.