The boilerplate

Blocks

Every wallop block, on pages that read like the real thing.

How this works

One page per block family.

Each page below is a real Gutenberg page seeded from code, so it is reproducible and byte-for-byte valid in the editor. The block preview page shows the same blocks as a labelled catalogue of every state; these pages show them in context.

The families

Pick a page.

pexels-teolog-photo-2149435049-35038389

Imagery

Heroes & Media

Hero, full-width image, dynamic image, image carousel, mosaic.

pexels-davidmcbee-1332950

Editorial

Text & Layout

Section, text single, dynamic text, text + image, text carousel, accordion.

pexels-teolog-photo-2149435049-35038389

Persuasion

Features & Stats

Feature CTA, stats, icon list, logo strip, testimonials.

pexels-davidmcbee-1332950

Curated + dynamic

Cards & Posts

Card grid, post grid, featured posts.

pexels-teolog-photo-2149435049-35038389

Integrations

Forms & Maps

Gravity Forms embed, location map in single-pin and all-locations modes.

pexels-teolog-photo-2149435049-35038389

Catalogue

Block preview

Every block in every meaningful state, labelled, on one page — the visual-regression fixture.

Building a project?

Copy a block, re-namespace it, make it yours.

wallop-blocks is a reference library. Every block a project uses lives in its own plugin.