CMS Bento Wall — Framer Code Component (Bento Grid + Video Tiles + Filters)

A bento grid with per-tile sizes - not a flowing masonry. Use it when you want a deliberate layout rhythm: mix 1x1, 2x1, 1x2 and 2x2 tiles, combine images and video, filter by category, and link each tile to its own CMS page.

LIVE DEMO: https://thistle-timing-694660.framer.app/cms-bento-wall

KEY FEATURES

• Explicit tile sizes (1x1 / 2x1 / 1x2 / 2x2) with dense packing - your layout, not an algorithm's
• - Mixed media: image and video tiles, video plays on hover with command-based control and poster fallback
• - Category filter chips generated from your tiles
• - Focus view: arrow keys to browse, Esc to close, focus returns to the tile
• - Per-tile CMS Link: connect any tile to a CMS page or URL - no collection needed
• - Container-based responsive: 2-4 columns with automatic span reduction, no horizontal overflow
• - prefers-reduced-motion support and static-canvas fallback

HOW IT WORKS

After purchase you get the component URL - paste it into any Framer project and it installs instantly. Configure everything visually from the properties panel. Works on the Framer free plan.

Includes lifetime updates. Built by Aisol Studio. Pairs well with CMS Filter Gallery (flowing masonry) when you want the opposite feel.