A quick showcase of the interaction states I've been crafting lately. Built in Rive for

A quick showcase of the interaction states I've been crafting lately. Built in Rive forA quick showcase of the interaction states I've been crafting lately. Built in Rive for

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

Manu Cabezas

pro

• Feb 24

A quick showcase of the interaction states I've been crafting lately. Built in Rive for seamless, high-performance integration.

Which interaction is your favorite?

Rive Rive Animation Animation

Abhiram Tinguria

• Feb 24

JUMP for sure — the way the character reacts makes it feel rewarding to press. Character-driven interactions always win for user delight!

Manu Cabezas

pro

• Feb 25

Thanks! Glad you liked it. Here's the live link in case you want to try the rewarding feel yourself 😊 : https://rive.app/marketplace/26503-49686-interactive-beaver/

rive.app

Interactive Beaver

A collection of character-driven animations for common UI states (Success, Idle, Waiting, etc.) triggered via interactive buttons. This project also features Data Binding for the Day Streak counter, showing how to connect real-time numbers and states to a clean, lightweight character system. #Rive #CharacterAnimation #DataBinding #Microinteractions #UXDesign #UIStates

Abhiram Tinguria

• Feb 25

Thanks for sharing this — just checked it out and it’s beautifully done. The character reactions add so much personality to the UI. Would love to see more of your work!

Adrian Kuleszo

pro

• Apr 19

Rive animations for SeamlessAI

Rive Animation

Shadat Rony

pro

• Apr 19

Rive + AI is the ultimate combo for 2026. The smoothness on these animations is next level

Sisi Guo

• Apr 20

Built with Paper for the #PaperChallenge.

I designed a series of immersive shader effects in Paper, then used Cursor to implement them as a React site. The concept: vertically stacked chips as site navigation, each one revealing a different animated shader as a full background on hover.

Paper lets designers create WebGL shader effects visually, then exports them directly as React components. Cursor handled the implementation. The whole thing came together on a rainy Sunday afternoon.

This unlocks something real for designers. Complex, performant visual effects that used to require a specialist are now part of the design workflow.

Bravo, Paper.

paperchallenge

Sidi Mohammed Taleb

• Apr 20

Loving the outcome of this !! Feels so satisfying

Kingsley Ken

pro

• Apr 19

I just built this using Claude Design, and it’s incredible what’s possible with AI.

I did run into one issue though: I hit the usage limit pretty quickly, and it doesn’t reset for another 7 days… definitely makes upgrading feel like the next step.

Overall, Claude Design is insanely good, looking forward to exploring it further and pushing how we integrate AI into our design workflows.

#ai #claude #website #websitedeveloper