List/Grid Flip

A product or portfolio index that switches between a compact list and an image grid with a smooth morph: images glide and resize into place, and the text fades back in.

• List and Grid views from one set of items

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

• Each item has a title, tag, year and image (with alt text)

• Choose which view loads first, top or centre alignment, and show or hide the year

• Colours, card radius, toggle radius, tag radius, gap, font and morph speed in the property panel

• Grid adapts from three columns to one as the frame narrows

• Accessible toggle, respects reduced motion, static on the canvas

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