Interactive State Machine Animation in Rive: Enhance Your UI

Interactive State Machine Animation in Rive: Enhance Your UIInteractive State Machine Animation in Rive: Enhance Your UI

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Vitaliy Skrypnyk

• Jun 19

State Machine with 3 states: not hovered → hovered → click.

Hover - the heart shifts gradients. Click - it pulses and hearts fly everywhere.

Small details no one notices, but they make the product feel alive.

Built in Rive

Rive interactivedesign Animation

Davies Aguirre

max

• Jun 18

🎵 Sound Design & Music for Willow! Huge thanks to @noldio__com for choosing Penrose Audio for this project! 🙌✨

Sound Design Animation Motion Design

Godwin John

• Jun 18

Just amaaazing 🫡

Nigar Naghdaliyeva

pro

• Jun 17

I designed EyeText 👁️, an eye-controlled communication experience for people who have difficulty speaking or using their hands.

Using eye tracking and intentional blinks, users can navigate a keyboard, create messages, and convert them into speech. The experience also includes personalized calibration and quick communication cards for everyday needs.

What excites me most about this project is how quickly an idea became reality. Using Figma Make, I was able to transform a concept into a working interactive experience with a single prompt.

Design, accessibility, and technology coming together to help people express themselves.

🔗 Live Demo:https://serif-modify-89640782.figma.site 🔗X / Twitter Post: https://x.com/Naghdaliyevaart/status/2067282836021776819?s=20