Pattern Builder
Make Patterns First Class
Pattern Builder is a WordPress plugin that puts the patterns in your theme and the patterns you save in the editor on one screen, opens each of them in the editor you already use, and keeps theme files the source of truth. When a pattern is worth keeping, carry it to your next site.
Why Pattern Builder
Make Patterns Powerful and Re-useable
Upload & re-use
Instead of opening old projects to find that layout you’ve already built five times, upload it to the cloud and reuse it on any site. Take easy-to-customize design tokens with it (like color, font and spacing) and they come in fully styled, and yet still fit right in to any Theme.
The editor you already know
Edit ALL Patterns open in the WordPress editor (Theme Patterns too!) with undo, dirty tracking and the save flow you expect. Edit your Theme Pattern files in a real interface; Perfect for dev workflows that need pixel perfect designs.
Easier than Custom Blocks
Custom Block are the answer a lot of the times. But sometimes you just need something that puts data into a design. A Synced Block Pattern can be just the thing, without writing any code.
Synced theme patterns
Design once. Fill in the words anywhere.
Bring the power of Synced Patterns to your Themes. Patterns become a reference to the file, with the parts you mark as editable. Change the design in one place and it changes everywhere; the content stays put. Design stays locked to the Theme. Give power to change things only to those who need it. Perfect for enforcement a strong design system.
Build with Pattern Builder, then ship with the small Synced Patterns for Themes plugin, which renders the same patterns in production without any of the tooling.
Your patterns, on every site
A library that follows you
Connect a free patternbuilderwp.com account without leaving wp-admin and upload a pattern from one site into a collection in the cloud and install it on any other. Design tokens like
Personal, your private collection, holds 25 patterns for free. Pro removes the cap and adds private collections of your own.
Curated collections
Start from a complete site
Collections from Twenty Bellows and partner studios are browsable on this site and inside wp-admin: sections and whole pages that arrive in your theme’s own colours and type, because a pattern carries the design tokens and block styles it uses. Open one in Pattern Builder and save a single pattern, or the whole collection at once — every pattern is an ordinary local pattern from then on, filed under the collection’s name.
Every collection is curated before it is published, every pattern passes automated content checks, and every install is sanitized again on the way in. Patterns are markup, never code, and the plugin is the only way to install them.
Free, open source, one install away.
Get Pattern Builder from WordPress.org and
every pattern is yours to build.