MDX BentoGrid is a premium Framer component for presenting AI images and videos in a curated editorial bento layout. Unlike traditional grids that collapse on mobile, BentoGrid preserves the exact layout across all devices so the designer’s composition remains intact.

Tiles support images and videos simultaneously, with configurable column and row spans, focus anchors for smart cropping, and elegant glass caption pills on hover. The built-in Pulse Director automatically spotlights video tiles using a fair shuffle system, creating a dynamic gallery experience without user interaction.

Clicking any tile opens a fullscreen modal viewer with drag-to-dismiss, copy prompt, download, and mute controls. GPU-optimized animations ensure smooth performance while IntersectionObserver logic keeps video playback efficient.

Perfect for AI media creators, portfolios, design studios, and editorial galleries that need a visually curated layout rather than a generic responsive grid.

MDX BentoGrid is a premium Framer component for presenting AI images and videos in a curated editorial bento layout. Unlike traditional grids that collapse on mobile, BentoGrid preserves the exact layout across all devices so the designer’s composition remains intact.

Tiles support images and videos simultaneously, with configurable column and row spans, focus anchors for smart cropping, and elegant glass caption pills on hover. The built-in Pulse Director automatically spotlights video tiles using a fair shuffle system, creating a dynamic gallery experience without user interaction.

Clicking any tile opens a fullscreen modal viewer with drag-to-dismiss, copy prompt, download, and mute controls. GPU-optimized animations ensure smooth performance while IntersectionObserver logic keeps video playback efficient.

Perfect for AI media creators, portfolios, design studios, and editorial galleries that need a visually curated layout rather than a generic responsive grid.