4.0Essential Grid 4.0 is here — see what’s new
Essential Grid
Download free
Buy now

Your cards, exactly as drawn.

A skin is the design of one card: its image, overlay, title, text and buttons as layers. Style the layers, give them hover and come-in effects, and every item in the grid follows.

Get Essential Grid
Explore examples

Design every card, layer by layer.

The skin editor gives each card its layers: image, overlay, category, title, text and button. Style them, set the hover, and every item in the grid follows. 30+ skins to start from.

Skin editorCaption Card Saved

Layers

Style

Hover
Accent

What a skin can hold.

Every layer reads its content from the item, so one design works for a hundred posts or products.

Any field as a layerTitle, excerpt, date, author, categories, a price or any custom field of the post.
Hover and come-in per layerEach layer fades, slides, flips or zooms in its own way, with its own delay.
Image effectsZoom, blur or grayscale on hover, a second image or a video preview.
Links and lightboxAny layer can open the post, a link, the lightbox or content in place.
Rules per layerShow a layer only when it applies, for example a sale badge only on products on sale.
Reuse what you madeSave a styled layer as a template and drop it into your next skin.

Start from a preset, not a blank card.

One click on a preset sets several settings at once, and the editor shows the result straight away. The settings stay below it for fine-tuning.

  • Hover, come-in and shape. Preset tiles play their effect when you point at them.
  • Your own presets. Save the current look as a preset, rename it, and export it to use on your next site.
  • Starter skins. Caption below, image with an icon, product card, video card and text above the image.
  • Undo. A preset is an ordinary edit: Undo takes it back.
  • Free or with a licence. These presets and the starter skins are free; the 13 skin presets of the template library come with a yearly licence.

30+ skins to start from.

Each example comes with its own skin. Open one to see it live, then import it and make it yours.

Browse all examples

Styles: one grid, eleven looks.

The same twelve cards in eleven UI styles, from Neumorphism to Glassmorphism.

Premium templateFree: Essential Grid 4 with its skin editor and each skin’s own CSS, which made all eleven. With a yearly licence: each style as a premium template, ready to import. One grid, eleven styles

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