Grids that move.

Entrances by item, column or row, hover effects on every layer of a card and animated re-layouts when visitors filter. In new 4.0 grids they work with the keyboard and on touch screens, and reduced motion is always respected.

Get Essential Grid

Explore examples

New in 4.0

Every effect, for every visitor.

The 4.0 front end plays your grid’s effects for the pointer, the keyboard and a tap alike.

EntranceItems arrive one after another, by item, by column or by row.
HoverEach layer of a card fades, slides, flips or zooms in its own way.
Re-layoutWhen visitors filter or page, the cards move to their new places instead of jumping.
KeyboardEvery hover effect plays for keyboard focus as well.
TouchOn a touch screen the first tap shows the hover, the next one opens the link.

Hover a tile to zoom it. Press an order to replay the entrance. A sketch of the 4.0 entrances.

Pick a use case. Watch it move.

A live Essential Grid: every chip re-arranges the cards with a staggered scale animation, one of the entrance and filter animations every grid can use. Grids made before 4.0 keep their effects as they are.

Motion with manners.

Movement should guide the eye, never get in the way. These rules hold for every effect on the 4.0 front end.

Reduced motion respectedWhen a visitor asks their system for less motion, every effect becomes an instant change. Nothing slides, nothing flips.

Light by defaultAlmost every effect runs on the browser’s own animation engine. The animation library loads only for the few that need it.

Shared with Slider RevolutionWith Slider Revolution on the same page, grids and sliders share one ThemePunch runtime, loaded once.

Keyboard includedCard overlays open on keyboard focus as well as on hover, so every link in them can be reached.

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.

More of what Essential Grid does

Make every list worth a look.

Pick an example, import it in one click and make it yours.

Get Essential Grid

Explore examples