Explore Dynamic UI: Interactive Grid Design in Rive

Explore Dynamic UI: Interactive Grid Design in RiveExplore Dynamic UI: Interactive Grid Design in Rive

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

Noushin Pourmirza

pro

• Jul 8

Interactive Grid built in @Rive Move your cursor across the grid and watch it come to life. ⭐

Interactive version available on Rive Marketplace: https://rive.app/marketplace/28199-53265-reactive-grid/

#rive #UIdesign #interactivedesign #motiondesign #grid

Motion Design Rive Animation UI Design Rive

Paul N. (Shopify Expert)

• 1d

Did you use the duplicate offset feature to build the grid quickly or full manual placement? I was thinking it was just gonna script based or using artboard index . Sine there's a similar one too in community files that does it fully with a script. Was surprised to see an entire...

Celia | BEFAR Studio

max

• Jul 9

Sick 🔥

Noushin Pourmirza

pro

• Jul 9

Thanks! 😊

Maty Sandoval

max

• Jul 9

The way the highlight ripples out across neighboring tiles instead of just lighting up under the cursor is what makes this feel alive rather than a static hover effect. How many state machines/layers did it take to get that propagation feeling natural?

Noushin Pourmirza

pro

• 1d

Thanks! It was actually much simpler than it looks. Just one state machine and a large hover hitbox :D

Juice Lab

pro

• 13h

Really satisfying animation. Small interaction, big impact.

Noushin Pourmirza

pro

• 2h

Merci 😊

Brynjar Palsson

• Jul 5

"One person’s miserable rainy day is another person’s perfect cozy afternoon." This is my entry for the Rive Character Challenge. AtmoPals reimagines traditional weather UI by transforming standard meteorological icons into living, breathing characters deeply integrated into the user experience. Instead of static symbols or isolated looping animations, the AtmoPals are fully reactive to both real-time environmental data and personalized user preferences.

characterchallenge Rive

Rashid Ali

pro

• Jul 9

Amazing work Bruh👌

Manu Cabezas

pro

• Jul 4

Someone asked for more Bob content. Not sure he's thrilled about what turned up, but here it is...😅

Rive character I built from scratch, running inside the Ctuber app, which handles the video and voiceover.

Play with Bob live: https://rive.app/marketplace/28111-53105-bob-lip-sync-character-system-in-rive/ The product: https://ctuber.ai/

characterchallenge Rive characteranimation

Nikita Wibisono

• Jul 5

Yeah no way I can win 1st place with Bob around lmao. This is great work!

Sujon Hossain

pro

• Jul 5

Designed a modern, inspiring website for Greenova – Clean Energy & Solar Solutions.

Stunning hero section with powerful visuals of renewable energy, clear messaging, and a premium feel that highlights sustainability and a brighter future.