Sentio Grids
v1.0.21

Bento Grid

Nested container cells, true CSS Grid, and dense auto-packing — built for Elementor.

The Sentio Bento Grid widget is part of the Sentio Grids category. Drag it onto your Elementor canvas and customize every detail — Preset, Columns, Min Row Height, Auto-Fill Gaps, Gap, and more — with intuitive visual controls. No code required. Every change previews in real time. Sentio exclusives include Nested container cells, true CSS Grid, dense auto-packing. Built with performance in mind: modular asset loading means zero overhead when not active. Combined with inline editing, full Google Fonts support, and advanced responsive controls, Bento Grid adapts to any design vision.

UNLIMITED WAYS TO USE IT

One widget.
Infinite layouts.

Combine layouts, styles, and settings to create something entirely your own. Your imagination is the only limit.

With full control over layouts, colors, typography, animations, backgrounds, and content — you can create unlimited variations. Mix directions, triggers, overlays, and effects to match any design vision.

Gradient3D DepthTrigger TypeOverlayAnimationTypographyColorsSpacingBorderShadow

A Resort in One Glance

The hero preset gives cell one a commanding two-by-two footprint, then flows amenities, a sunshine stat, and a booking call-to-action around it — cells lift gently on hover.

ALPINE RESORT & SPA

Escape to the Peaks

320

days of mountain sunshine

Thermal Spa

Mountain Wellness

Forest saunas, thermal pools, and slow morning massages.

Guided Trails

Farm-Table Dining

Your mountain escape awaits

Eyewear, Laid Out

The feature preset stretches cell one into a full-width banner, with product details and stats beneath. Cells glow pink on hover and animate in one after another as you scroll.

SPRING EYEWEAR COLLECTION

Frames That Speak

Hand-Finished Acetate

Italian acetate, cut and polished in small batches.

48h

free express shipping

Blue-Light Lenses

Optical-grade lenses that cut glare from every screen.

2-Yr

scratch warranty

Find the frames that fit you

The City, Tiled

The mosaic preset turns every third cell tall, weaving portrait photography between guides and stats. A subtle scale-up on hover keeps the grid feeling alive.

City Living

Neighborhood Guides

Where to eat, wander, and slow down.

75

neighborhoods mapped

Market Days

The Weekend Edit

Hand-picked things to do, every Friday.

12k

readers each week

Family Fun

Get the city in your inbox

COMPLETE FEATURE SET

Everything included.

Nested container cells

true CSS Grid

dense auto-packing

configurable row height

grid gap control

Full Elementor controls for Preset

cell hover effects

responsive columns per breakpoint

preset layouts (hero/feature/mosaic)

staggered entrance animation

cell styling. Extends Widget_Nested_Base.

Nested Container Cells — each cell is a full Elementor container (drag & drop)

CSS Grid Layout — true CSS Grid with configurable columns

Dense Auto-Packing — grid-auto-flow: dense

Configurable Row Height

Grid Gap Control — responsive gap

Cell Hover Effects — scale / lift / glow

Responsive Columns — per-breakpoint with mobile collapse

Preset Layouts — CSS nth-child presets (hero, feature, mosaic)

Staggered Entrance Animation — IntersectionObserver

Cell Styling — background, border, radius, shadow, overflow

CUSTOMIZATION

Every setting at your fingertips.

Full Elementor-native controls. Adjust every detail in the visual editor — no code required.

/* a11y: accessible name for the tablist + region landmark. */ $region_label = esc_html__( 'Tabs', 'sentio-elementor' ); ?>
Layout
Preset, Columns, Min Row Height
Auto-Fill Gaps, Gap, Default Background
Padding, Border Type, Border Width
Border Color, Border Radius, Box Shadow

Build with the Bento Grid widget.

Get Bento Grid plus 150+ more widgets with a single Sentio license. Your imagination is the only limit.
✓ 150+ Widgets                                ✓ 7-Day Guarantee                        ✓ Instant Access