Pattern Builder

Deskripsyon

Pattern Builder transforms how you work with WordPress block patterns, providing a comprehensive solution for creating, managing, and organizing patterns right from your WordPress admin.

Key Features

Pattern Management Made Easy
* Unified Interface – Manage both theme patterns and user-created patterns in one place
* Visual Editor – Create patterns using the familiar WordPress block editor
* Code Editor – Edit pattern markup directly with syntax validation
* Live Preview – See your patterns in action before saving

Powerful Organization
* Categories – Organize patterns by category for easy discovery
* Advanced Search – Find patterns quickly with powerful filtering options
* Tags & Keywords – Add metadata to make patterns discoverable
* Sync Status – Manage synced and unsynced patterns effortlessly

Developer-Friendly
* Export to Theme – Convert user patterns to theme files with proper formatting
* Asset Management – Automatically handles pattern images and media
* Block Bindings – Advanced pattern configuration with block bindings support

Use Cases

For Theme Developers
* Create and manage theme patterns visually
* Export patterns with proper formatting
* Organize patterns by category
* Test patterns before deployment

For Site Builders
* Build custom patterns without coding
* Reuse patterns across multiple pages
* Share patterns between sites
* Maintain pattern library

For Agencies
* Create pattern libraries for clients
* Standardize design systems
* Speed up development workflow
* Maintain brand consistency

Development

Pattern Builder is open source and welcomes contributions. Visit our GitHub repository to:

Credits

Pattern Builder is developed and maintained by Twenty Bellows.

Pag-install

From WordPress Admin

  1. Navigate to Plugins > Add New
  2. Search for “Pattern Builder”
  3. Click “Install Now” and then “Activate”
  4. Navigate to Appearance > Pattern Builder to start creating patterns

Manual Installation

  1. Download the plugin zip file
  2. Navigate to Plugins > Add New > Upload Plugin
  3. Choose the downloaded file and click “Install Now”
  4. Activate the plugin through the ‘Plugins’ screen in WordPress
  5. Navigate to Appearance > Pattern Builder to start creating patterns

For Developers

  1. Clone the repository: git clone https://github.com/Twenty-Bellows/pattern-builder.git
  2. Install dependencies: npm install && composer install
  3. Build assets: npm run build
  4. Start development environment: npm run start
  5. Watch for changes: npm run watch

FAQ

Can I use this with any theme?

Yes! Pattern Builder works with any WordPress theme that supports the block editor. It’s especially powerful when used with block themes.

Can I manage existing theme patterns?

Yes, Pattern Builder provides a unified interface to manage both theme patterns (PHP files in your theme’s patterns directory) and user-created patterns stored in the database.

Mga Review

Agosto 29, 2025
As a designer, I have struggled a little bit with Gutenberg since its release, but this is finally the missing link that lets me work within the UI instead of needing to write code to create reusable patterns. Love it 🫶
Basahin lahat ng 1 review

Mga Contributor at Developer

Ang “Pattern Builder” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.

Mga Contributor

Isalin ang “Pattern Builder” sa iyong wika.

Interesado sa development?

Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.

Changelog

1.0.3

  • Fixed saving media for theme patterns
  • Fixed broken unit tests
  • Simplified code and removed unnecssary logic

1.0.2

  • Documentation changes
  • API Hardening and security improvements
  • Namespace and prefix changes to prevent potential conflicts with other tools

1.0.1

  • Fixed compatibility issues with WordPress 6.8
  • Improved pattern export functionality
  • Enhanced error handling

1.0.0

  • Initial release
  • Pattern creation and editing
  • Theme pattern management
  • Export to theme functionality
  • Categories and tags support
  • Visual and code editor modes
  • Pattern preview
  • Asset management