A lightweight set of Framer Code Overrides that adds a smooth animated switch between grid and list views to any gallery, shop, or portfolio layout. State is synced globally through a shared store, so multiple elements (icons, buttons, layout containers) stay in perfect sync — tap one toggle and everything updates together, no manual wiring required.
Includes a subtle tap-feedback animation (scale down on press) for a tactile, responsive feel.
Key features:
One shared store drives the active view mode across your whole page
Instantly wire up Grid/List toggle icons — active state color changes automatically
Built-in tap animation for tactile button feedback
Works with any component via Framer Overrides — no rebuilding your layout
Framework-agnostic: drop onto icons, buttons, or layout containers
Great for:
Portfolio and shop galleries
Product catalogs
File/media browsers
Any layout that needs a Grid ↔ List switch
A lightweight set of Framer Code Overrides that adds a smooth animated switch between grid and list views to any gallery, shop, or portfolio layout. State is synced globally through a shared store, so multiple elements (icons, buttons, layout containers) stay in perfect sync — tap one toggle and everything updates together, no manual wiring required.
Includes a subtle tap-feedback animation (scale down on press) for a tactile, responsive feel.
Key features:
One shared store drives the active view mode across your whole page
Instantly wire up Grid/List toggle icons — active state color changes automatically
Built-in tap animation for tactile button feedback
Works with any component via Framer Overrides — no rebuilding your layout
Framework-agnostic: drop onto icons, buttons, or layout containers
Great for:
Portfolio and shop galleries
Product catalogs
File/media browsers
Any layout that needs a Grid ↔ List switch
