Pattern Builder

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.

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

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