MDX BentoGrid: Premium Layout Component by Kaleem Mohammed

Marketplace Components Categories Layout

MDX BentoGrid is a premium media grid for Framer designed for AI images and video galleries. Tiles use column and row spans to create curated editorial layouts that stay identical across desktop and mobile, with fullscreen viewing and automatic video spotlight

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.