Premium Bento

A bento component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — $8 Preview Get All-Access instead

About Premium Bento

A modern bento grid for showcasing images, videos, and creative content in clean, responsive layouts. Build everything from uniform 2×2 and 3×3 grids to fully custom asymmetric bento layouts with featured hero items, smooth hover animations, and immersive popup interactions for a premium browsing experience. Designed for creators, agencies, startups, and portfolios, the component lets you build everything from minimal uniform grids to dynamic asymmetric bento layouts with highlighted hero items, featured cards, and immersive media presentation.

Features

→Flexible bento grid system with uniform and asymmetric layouts
→Hero item support for featured content
→Adjustable columns, rows, spacing, and radius
→Responsive behavior across all breakpoints
→Supports images, videos, and custom content in mixed media layouts
→Optimized media scaling and cropping, with alt text support for accessibility & SEO
→Smooth hover scale animations with optional grayscale hover effect
→Adjustable animation timing & easing for modern micro-interactions
→Optional fullscreen popup viewer with smooth fade and scale transitions
→Click to open focused media view with keyboard navigation support
→Responsive mobile lightbox experience
→Performance optimized and production ready

Use Cases

→Portfolio websites
→SaaS landing pages
→Product showcases
→Photography galleries
→Editorial layouts
→Moodboards & inspiration walls
→Agency case studies
→Brand storytelling sections
→Creative media grids
→Modern interactive websites

Best value

Get every component with All-Access — $129

Premium Bento and all 122 others, current and future.

Get All-Access

More Bento

Bento Section