Manage Block Patterns Like a Pro - Create, edit, and organize WordPress block patterns directly in your admin area with a powerful, intuitive interface.
- 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
- 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
- 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
- WordPress 6.6 or higher
- PHP 7.2 or higher
- Modern browser with JavaScript enabled
# Clone the repository
git clone https://github.com/Twenty-Bellows/pattern-builder.git
cd pattern-builder
# Install dependencies
npm install
composer install
# Build assets
npm run build
# Start development environment with Docker
npm run start
# Watch for changes during development
npm run watch- Create and manage theme patterns visually
- Export patterns with proper formatting
- Organize patterns by category
- Test patterns before deployment
- Build custom patterns without coding
- Reuse patterns across multiple pages
- Share patterns between sites
- Maintain pattern library
- Create pattern libraries for clients
- Standardize design systems
- Speed up development workflow
- Maintain brand consistency
- Follow WordPress coding standards for PHP
- Use ESLint configuration for JavaScript
- Write tests for new features
- Update documentation as needed
Pattern Builder is developed and maintained by Twenty Bellows.
- Email: support@twentybellows.com
- Issues: GitHub Issues
- Documentation: Wiki