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
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