https://github.com/twenty-bellows/pattern-builder
A way to manage WordPress Patterns in Themes
https://github.com/twenty-bellows/pattern-builder
wordpress wordpress-plugin wordpress-theme
Last synced: 5 months ago
JSON representation
A way to manage WordPress Patterns in Themes
- Host: GitHub
- URL: https://github.com/twenty-bellows/pattern-builder
- Owner: Twenty-Bellows
- Created: 2025-05-02T18:45:42.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-08-25T16:06:48.000Z (6 months ago)
- Last Synced: 2025-08-25T16:29:02.766Z (6 months ago)
- Topics: wordpress, wordpress-plugin, wordpress-theme
- Language: PHP
- Homepage: https://www.twentybellows.com/pattern-builder/
- Size: 915 KB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Pattern Builder for WordPress
**Manage Block Patterns Like a Pro** - Create, edit, and organize WordPress block patterns directly in your admin area with a powerful, intuitive interface.
## 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
## Requirements
- WordPress 6.6 or higher
- PHP 7.2 or higher
- Modern browser with JavaScript enabled
## Development
### Quick Start
```bash
# 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
```
## 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
## Contributing
### Coding Standards
- Follow WordPress coding standards for PHP
- Use ESLint configuration for JavaScript
- Write tests for new features
- Update documentation as needed
## Credits
Pattern Builder is developed and maintained by [Twenty Bellows](https://github.com/Twenty-Bellows).
## Support
- Email: support@twentybellows.com
- Issues: [GitHub Issues](https://github.com/Twenty-Bellows/pattern-builder/issues)
- Documentation: [Wiki](https://github.com/Twenty-Bellows/pattern-builder/wiki)
---