Essential Grid 4.0
The grid, rebuilt from the inside.
A new front end, a new admin, a new lightbox and accessibility built in. Grids made before 4.0 keep working and keep their look.
01 · A new front end
In place from the first paint. No layout shift.
New grids arrive from the server as a CSS grid, every item in place from the first paint. New 4.0 grids load no jQuery; classic grids keep theirs. Real images with srcset, video that loads nothing until it plays, only the modules a grid needs, and columns that follow the container, not the window.
- core
- layout
- filter
- not loaded: lightbox
- not loaded: video
- not loaded: motion
02 · Motion
Every effect, for every visitor.
Entrances by item, column or row, hover effects on every layer of a card, and animated re-layouts when visitors filter or page. They play for the pointer, the keyboard and a tap alike, and not at all for visitors who ask for less motion.
Hover a tile to zoom it. Press an order to replay the entrance.
03 · A new admin
Every setting in its place.
The grid editor opens in its own window: seven pages on the left, their settings, and the grid’s preview beside them.
- Seven pages, not eleven tabs. Content, Layout, Items, Navigation, Click, Loading and Advanced.
- The preview in view. Beside the settings while you edit, with a switch for each screen size.
- Find a setting. Search every setting by its name, the old names included.
- Nothing lost. Every setting of Essential Grid 3 is still there, with a note on where it used to be.
- Your grids at a glance. The grids overview shows them as cards, with filters, favourites and a preview.
04 · Accessibility
Accessible by design.
WCAG 2.1 AA as the standard for new grids. Filters and pages are real buttons, overlays open by keyboard, results are announced, and the lightbox is new.
05 · Nothing breaks
Your grids keep their look. Switch when you are ready.
4.0 ships the new front end next to the classic one. New grids start on the new one; the grids you have stay exactly as they are until you decide.
- Nothing switches by itself. Grids made before 4.0 keep their look and their front end until you switch them.
- Your call. You switch each grid yourself, with a preview first.
- New grids, new front end. New grids start on the new front end; a site that needs them can keep making classic grids.
- Custom code keeps working. Grids made before 4.0 keep the classic front end, so the code written for them keeps working.
- Add-ons come along. The add-ons get their 4.0 releases together with 4.0, the premium ones with a yearly licence. Their current versions keep working with classic grids.
How you get 4.0
- Every site: 4.0, every update, every layout, every core feature and nine add-ons are free. Update from your dashboard.
- Yearly licence: it brings the premium add-ons, the library templates, the library’s 13 skin presets and ticket support.
- Expired, bundled, CodeCanyon or one-time licence: the upgrade page shows your steps, and the offer for CodeCanyon and one-time licences.
Make every list worth a look.
Pick an example, import it in one click and make it yours.