Swap a layout
Each section has ten compositions. Change the dropdown, keep the copy.
Section library
Assemble a site from 10 layouts of every section
Hero, logos, features, stats, steps, quotes, pricing, FAQ, CTA, team and contact — each with ten compositions. Change the layout in the control panel and publish.
Built for stacking, not starting from a blank canvas
NorthstarHarborLumenFieldworkOrbitKindling
How it works
A template system, not a one-off theme
21st.dev inspired the section list. Statamic owns the editing and publishing.
Rebrand in one place
Colours, name, and nav live in Globals → Brand.
Assemble a page
Stack sections in any order. Duplicate a page to start the next site.
Keep it Statamic
Antlers + Tailwind, not a React island.
Library to pick from
Open /library to compare every variant before you choose.
Publish immediately
Save in the control panel and the live site updates.
The library at a glance
- 120+
- section variants
- 12
- section types
- 1
- publish action
Workflow
Three moves to a live page
No deploy pipeline for copy changes. Save is publish.
Step 1
Pick sections
Start from Home or duplicate it.
Step 2
Choose a layout
Set Layout 01–10 on each block.
Step 3
Publish
Save. The site is live.
Signal
What this is for
“The page builder is the product. We stopped opening Figma for first drafts.”
“Ten heroes meant we could match the client’s tone without a redesign.”
“Publishing is just Save. That is the whole workflow.”
Packaging
Start with a stack, not a blank file
Use these as starter tiers or replace the copy.
FAQ
Working the system
No. 21st.dev is React. These are Statamic/Antlers layouts covering the same section types: hero, features, pricing, testimonials, and the rest.
Edit the page, open the section, and change Layout 01–10.
Globals → Brand. Name, colours, nav, header and footer variants.
Duplicate Home, swap copy and variants, save. Or add a new page and stack sections.
Next
Pick layouts on the library page, then assemble
Every variant is waiting at /library. Duplicate this homepage when you start a client site.
People
A small studio stack
Alex Wise
Strategy
Sets the tone and the first section stack.
Sam Reed
Design systems
Keeps variants consistent across sites.
Jordan Cole
Build
Turns a page builder stack into a published site.
Contact
Tell us the site you need next
Swap this for a Statamic form when you are ready to collect leads.