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
A grid can organize content.
Interaction can tell you where to look.
Bento Card uses motion and focus to create hierarchy without adding more elements to the interface.
The layout stays simple.
The interaction does the directing.
A small detail that makes a static grid feel much more intentional.
the 3d tilt on the dark cards is fun. did you use spring for it?
Yes! I used a spring for the tilt — it gives the cards that little bit of weight without making the motion feel too bouncy.
hierarchy without adding more stuff, yes
Exactly! Let the interaction do the work instead 🙌
A good example of interaction doing more work instead of adding more UI
Exactly. Let the interaction create the hierarchy instead of adding another layer of UI 🙌
Nice
Thanks! 🙌
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
Challenges
View all
Related posts
A little interactive experiment for Verdant 🌱
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
Great job
