Dynamic Bento Grid
Bring your visuals to life with a powerful, highly customizable bento-style grid. Perfect for showcasing photography, product visuals, mood boards, case studies, or creative content. This component gives you full control ā from grid structure to animations, interactions, and a polished popup lightbox experience.
With Auto, Preset, and Custom layout modes, you can create anything from clean uniform grids to complex asymmetric bento layouts with hero-spanning items. Smooth hover interactions, desaturation effects, scaling, rounded corners, borders, and a beautiful fullscreen popup viewer make it ideal for modern, premium websites.
ā Key Features
š§© Layout & Structure
- Auto grid mode (uniform cells)
- 6 prebuilt presets (Masonry, Spotlight, Hero-style layouts)
- Custom layout mode (define your own column & row spans)
- Up to 10 columns Ć 10 rows
- Adjustable spacing, border radius, borders, and canvas background
š¼ Media Support
- Supports images & videos (JPG, PNG, WebP, MP4, WebM, etc.)
- Auto-looping & muted videos
- Per-item alt text for accessibility & SEO
- Safe fallback media included
āØ Interactions & Hover Effects
- Smooth hover scale animation
- Optional grayscale / desaturation on hover
- Adjustable animation speed
š Fullscreen Popup / Lightbox
- Optional lightbox with fade + scale animation
- Keyboard navigation (ā ā Esc)
- Customizable backdrop color & opacity
- Close via click or button
- Fully customizable close button (size, position, color, radius)
- Mobile-responsive popup experience
ā” Performance & Quality
- Lightweight, optimized code
- Efficient rendering using
useMemo,useCallback, and transitions - Smooth performance across devices
šÆ Best For
Ideal for designers, creators, and brands building:
- Portfolio sections
- Showcase galleries
- Photography grids
- Case study layouts
- Featured project bento grids
- Moodboards & inspiration walls
- Product image collections
- Blog or editorial media layouts
š Use It When You Need
- A beautiful, modern Pinterest-style bento grid
- Highlighted hero images or asymmetric layouts
- Premium hover interactions with built-in popup viewing
- Advanced layout control with a simple setup
Refund Policy:
Due to the digital nature of my products, all sales are final, and refunds will not be issued. Please review all product details carefully before purchasing. If you have any questions or need clarification, feel free to reach out before completing your order.
š ļø Support
If you have any issues, feel free to reach out:
š§ Email: framecraftlab@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.