Interactive Bento Grid Component with Swapping Tiles for FramerInteractive Bento Grid Component with Swapping Tiles for Framer
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
Day 6 of 100 Days of Components: Bento Shift.
A bento grid where any tile can take the lead. Click a small tile and it swaps into the big slot while every other tile glides to its new place, resizing as it goes without squashing the picture. Captions fade back in once everything lands.
Click the big tile and it opens into a scrollable article. Edit the tiles by hand or connect a CMS collection. Columns, gap, radius, dimming, timing and stagger are all in the property panel, and it drops to two columns on phones without leaving holes.
Free to use in your next Framer project, with all my other components:
https://www.framer.com/@frankie-expert-pro/components/?via=framerexpert
Back to feed
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