Bento Shift

A bento grid with one big tile. Click any small tile and it swaps into the big slot while every other tile glides to its new place. Click the big tile to open its article in a centred, scrollable popup.

• Click or hover trigger, optional autoplay that walks through the tiles

• Smooth FLIP motion: tiles move and resize together, pictures never squash

• Click the big tile to read its article: image, tag, year, read time, title, intro and body

• Works with the CMS: set Source to CMS and connect a Collection List (layers named Title, Tag, Year, Image, Intro, Body)

• Columns, gap, radius, dimming, caption, colours, timing, stagger and font in the property panel

• Two columns below 640px with no empty cells, keyboard accessible, respects reduced motion, static on the canvas

Support: hello@framer-expert.com. Free component, so refunds don't apply.