Sentio Grids
v1.0.21

Mondrian Layout

Line divider system (bold Mondrian-style lines), color palette cycling (nth-child presets), and 5 composition presets — built for Elementor.

The Sentio Mondrian Layout widget is part of the Sentio Grids category. Drag it onto your Elementor canvas and customize every detail — Composition, Auto-Fill Gaps, Min Row Height, Palette, Color 1, and more — with intuitive visual controls. No code required. Every change previews in real time. Sentio exclusives include Line divider system (bold Mondrian-style lines), color palette cycling (nth-child presets), 5 composition presets. 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, Mondrian Layout 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.

Line divider system (bold Mondrian-style lines)

color palette cycling (nth-child presets)

5 composition presets

zero border radius

dense auto-packing

Full Elementor controls for Auto-Fill Gaps

configurable row height

cell hover effects

staggered entrance animation

responsive collapse

custom 4-color palette. Extends Widget_Nested_Base.

Line Divider System — grid gap + background-color creates bold Mondrian-style lines

Color Palette Cycling — nth-child palette presets auto-assign colors

Composition Presets — 5 presets inspired by Mondrian compositions

Zero Border Radius — sharp rectangles by default

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

Cell Hover Effects — scale / lift / glow

Staggered Entrance Animation — IntersectionObserver

Responsive Collapse — mobile single column

Custom Palette — pick your own 4-color palette

CUSTOMIZATION

Every setting at your fingertips.

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

Layout
Composition, Auto-Fill Gaps
Color Palette
Min Row Height, Palette
Lines
Color 1, Color 2
Cells
Color 3, Color 4
Hover Effects
Line Width, Line Color
Entrance Animation
Padding, Border Radius

Build with the Mondrian Layout widget.

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