Works where you build pages.

A Gutenberg block, an Elementor widget, a Divi module, a WPBakery element and a shortcode for everything else. Design the grid once, place it anywhere.

Get Essential Grid

Read the docs

A block
Gutenberg
Add the Essential Grid block and choose one of your grids.
A widget
Elementor
Drag the Essential Grid widget into any section.
A module
Divi 4 and 5
Place a grid as a module in Divi 4 and in Divi 5.
An element
WPBakery
Add the Essential Grid element to any row.
Anywhere
Shortcode
Paste [ess_grid alias="…"] into any post, widget or template that renders shortcodes.

Using Bricks, Beaver Builder or Oxygen? There is no Essential Grid element for them; place the grid with its shortcode.

For developers: hooks and a shortcode.

Place grids from your own templates and change what they show with WordPress filters and actions.

essgrid_* hooks. Filters and actions for queries, items, output and import.
Shortcode options. Show chosen posts with posts="…", or override settings for one placement.
Page caches welcome. With new 4.0 grids every device gets the same HTML, and cached pages carry no security tokens.

<!-- Place a grid anywhere -->
[ess_grid alias="studio-work"]

<!-- Only these posts -->
[ess_grid alias="studio-work" posts="12,48,51"]

// In a theme template
echo do_shortcode( '[ess_grid alias="studio-work"]' );

// Extend it with essgrid_* hooks
add_filter( 'essgrid_{hook}', 'my_grid_tweak' );

Better together

Better together with Slider Revolution

Essential Grid 4.0 and Slider Revolution share one ThemePunch runtime: use both, and the page loads it once. Slider Revolution modules play inside a grid’s lightbox and in the content a grid loads.

Explore Slider Revolution

Essential GridLists, filters and grid layouts.

Slider RevolutionMotion and presentation.

One ThemePunch runtimeShared by both plugins on the page.