Modern bento-style grid layout
Perfect for showcasing products or features
Fully responsive and customizable
Clean, asymmetrical visual structure
Plug-and-play inside Framer
Bento Gallery is Framer component that lets you create stylish, asymmetrical grid layouts inspired by modern “bento” UI trends. Instead of a traditional uniform grid, it uses varied card sizes and spacing to create a visually engaging showcase section. It’s ideal for SaaS features, product screenshots, portfolio highlights, case studies, and startup landing pages.
The component is built specifically for Framer and integrates seamlessly into your project without requiring custom code.
Modern Bento Layout: Mixed card sizes for dynamic visual hierarchy.
Fully Responsive: Adapts cleanly across desktop, tablet, and mobile.
Flexible Content Support: Works with images, text, icons, or mixed media.
Easy Customization: Adjust spacing, alignment, and styling directly in Framer.
Clean Structure: Organized layers for fast editing.
CMS Compatible: Can connect cards to Framer CMS collections.
This component includes:
Pre-configured bento grid container
Multiple card layout variations
Responsive breakpoint setup
Animation-ready structure
Editable property controls
It enhances landing page sections rather than providing full-page templates.
Free to use
No recurring subscription
Refer to the official marketplace page for the exact price and license details.
Native Framer animations
Framer CMS support
Works with images, videos, and icons
Responsive layout engine
Compatible with other Framer UI components
Yes. It’s especially effective for feature showcases and product previews.
Yes. You can edit layout, spacing, colors, and content freely.
Yes. You can bind grid items to Framer CMS collections.
Submit your Framer product to AllFramer, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀
Submit Resource