Everything in the grid.

Set up the whole section visually. No CSS required.

• Row height 80px–480px, or treat it as a minimum so long content grows
• Padding and margin, linked or per side
• Visual gap and corner-radius controls
• Grid background colour

Each tile is as simple or as custom as you want.

• Image with overlaid text, or separate image and text
• Any Gutenberg blocks: buttons, lists, icons, embeds
• Title and caption, title level H2–H6 or plain paragraph
• Whole-tile link with new-tab and nofollow options

Make it look finished before the images arrive.

• Background colour or linear-gradient()
• Text colour, border width and colour
• Adjustable image overlay shade for readable text
• Title position on a 3 × 3 grid

A frosted, translucent surface with background blur.

• Works with the tile’s existing content and layout
• Combine with any hover effect

Same breakpoints in the editor and on the live page.

• Under 768px: one column
• 768–1024px: 4- and 5-tile layouts step to two columns
• Follows normal, wide and full-width containers

Clean output that respects your visitors.

• Static, cache-friendly markup, no jQuery for Free effects
• Stylesheet loads only on pages with a grid
• Reduced-motion preference respected
• URLs, CSS and numbers validated before output