Jason Crist

Twenty Bellows

<p>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.</p>
<h4>Key Features</h4>
<p><strong>Pattern Management Made Easy</strong><br />
* <strong>Unified Interface</strong> – Manage both theme patterns and user-created patterns in one place<br />
* <strong>Visual Editor</strong> – Create patterns using the familiar WordPress block editor<br />
* <strong>Code Editor</strong> – Edit pattern markup directly with syntax validation<br />
* <strong>Live Preview</strong> – See your patterns in action before saving</p>
<p><strong>Powerful Organization</strong><br />
* <strong>Categories</strong> – Organize patterns by category for easy discovery<br />
* <strong>Advanced Search</strong> – Find patterns quickly with powerful filtering options<br />
* <strong>Tags & Keywords</strong> – Add metadata to make patterns discoverable<br />
* <strong>Sync Status</strong> – Manage synced and unsynced patterns effortlessly</p>
<p><strong>Developer-Friendly</strong><br />
* <strong>Export to Theme</strong> – Convert user patterns to theme files with proper formatting<br />
* <strong>Asset Management</strong> – Automatically handles pattern images and media<br />
* <strong>Block Bindings</strong> – Advanced pattern configuration with block bindings support</p>
<h4>Use Cases</h4>
<p><strong>For Theme Developers</strong><br />
* Create and manage theme patterns visually<br />
* Export patterns with proper formatting<br />
* Organize patterns by category<br />
* Test patterns before deployment</p>
<p><strong>For Site Builders</strong><br />
* Build custom patterns without coding<br />
* Reuse patterns across multiple pages<br />
* Share patterns between sites<br />
* Maintain pattern library</p>
<p><strong>For Agencies</strong><br />
* Create pattern libraries for clients<br />
* Standardize design systems<br />
* Speed up development workflow<br />
* Maintain brand consistency</p>
<h3>Development</h3>
<p>Pattern Builder is open source and welcomes contributions. Visit our <a href="https://github.com/Twenty-Bellows/pattern-builder" rel="nofollow ugc">GitHub repository</a> to:</p>
<h3>Credits</h3>
<p>Pattern Builder is developed and maintained by <a href="https://twentybellows.com" rel="nofollow ugc">Twenty Bellows</a>.</p>


Pattern Builder

Manage Block Patterns Like a Pro - Create, edit, and organize WordPress block patterns directly in your admin area with a powerful, intuitive interfac …

Aleksandr Samokhin

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/rdpsa8vtLEM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Strakture is an AI-powered WordPress block pattern library that generates layouts matched to your theme’s actual design system — and to your site’s content. Unlike generic pattern libraries that give you patterns you have to restyle and rewrite from scratch, Strakture reads your theme’s CSS variables and understands what your site is about, then creates patterns that look native and feel relevant from the first click.</p>
<p>Running a restaurant? Generated patterns use food and dining imagery with copy that fits your industry. Launching a SaaS? Patterns arrive with tech-forward headlines and product-appropriate visuals. Your theme, your niche, one click.</p>
<p>Stop spending hours on generic patterns. Generate professional, on-brand layouts in seconds with <a href="https://strakture.com" rel="nofollow ugc">Strakture</a>, then refine any selected block in place with <strong>Customize with AI</strong>.</p>
<h4>The Problem with Generic Patterns</h4>
<p>Every WordPress developer knows the pain: you find a great pattern, insert it, and then spend two hours manually matching colors, adjusting fonts, fixing spacing, and making it look like it belongs on your site. Multiply that by every section on every page, and you’ve lost a full day to style matching.</p>
<p>Strakture solves this by reading your theme’s actual design tokens — the CSS variables that define your site’s look — and generating patterns that use those exact values. Patterns arrive ready to publish, not ready to customize.</p>
<h4>Theme-Matched, Site-Aware AI Patterns</h4>
<p>Strakture analyzes two things before generating a pattern: your theme’s design system and your site’s context. It reads your theme’s CSS variables to apply your exact colors, typography, and spacing — then it uses your site’s niche to generate copy and select images that actually fit.</p>
<p>A portfolio site gets clean, minimal layouts with professional imagery. A fitness studio gets bold, energetic sections with workout visuals. A law firm gets formal, trust-building structures with appropriate language. Same AI, tuned to your site — not a one-size-fits-all template.</p>
<p>Works with 15+ popular WordPress block themes including:</p>
<ul>
<li>Kadence</li>
<li>Astra</li>
<li>Neve</li>
<li>Blocksy</li>
<li>GeneratePress</li>
<li>OceanWP</li>
<li>Twenty Twenty-Four</li>
<li>Twenty Twenty-Three</li>
<li>Any theme using standard WordPress design tokens (theme.json)</li>
</ul>
<h4>Browse the Full Pattern Library (Free)</h4>
<p>Every Strakture user gets access to the complete pattern library — no account required. Browse hundreds of professionally designed block patterns across every common page section:</p>
<ul>
<li>Hero sections and full-width banners</li>
<li>Features grids and service listings</li>
<li>Pricing tables and comparison layouts</li>
<li>Testimonial sections and social proof blocks</li>
<li>Team member grids and about sections</li>
<li>Contact and call-to-action sections</li>
</ul>
<p>Browse with infinite scroll, preview patterns in your site’s context, and insert original patterns into any page or post with a single click.</p>
<h4>AI Generation (Premium)</h4>
<p>Upgrade to unlock AI-powered pattern generation. Instead of inserting a generic pattern and manually styling it to match your brand, Strakture generates a version matched to your theme’s design system and your site’s content — the right colors, relevant copy, and contextually appropriate images, all in one click.</p>
<p>A restaurant gets a hero section with dining imagery and a reservation CTA. A digital agency gets a features grid showcasing services. The AI understands what your site is about and generates accordingly.</p>
<p>Describe further customizations in plain English before generating: “Dark background, 3-column layout, add a subtitle.” Claude AI applies your changes while keeping everything aligned with your theme. No prompt engineering required.</p>
<p>Need to refine something you’ve already inserted? Select an existing block in the editor and use <strong>Customize with AI</strong> to rewrite copy, regenerate imagery, or refine colors in place without rebuilding the section from scratch.</p>
<h4>Free vs. Premium Features</h4>
<p><strong>Free — Browse and Insert</strong></p>
<ul>
<li>Full access to the Strakture pattern library</li>
<li>Infinite scroll pattern browsing</li>
<li>Pattern categories (Hero, Features, Pricing, Testimonials, and more)</li>
<li>One-click insertion of original patterns into the block editor</li>
<li>Preview patterns in your site’s context before inserting</li>
<li>Works with any WordPress block theme</li>
</ul>
<p><strong>Premium — AI Generation + Site Building Tools</strong></p>
<ul>
<li>AI-generated theme-matched patterns (your exact colors, fonts, spacing)</li>
<li>Natural language customization — describe changes before generating</li>
<li>Customize any selected block with AI — rewrite copy, regenerate images, or refine colors from the block toolbar</li>
<li>Unsplash image integration — relevant images auto-downloaded to your media library with attribution</li>
<li>Select and generate multiple patterns at once</li>
<li>Starter sites — one-click demo import with theme activation and full content setup</li>
<li>Responsive block controls — hide any block on mobile, tablet, or desktop</li>
<li>WooCommerce-ready starter demos with automatic store configuration</li>
<li>Credits rollover protection — upgrade or downgrade any time</li>
</ul>
<h4>How to Use</h4>
<p><strong>Inserting a Pattern (Free):</strong></p>
<ol>
<li>Edit or create a new page or post in the WordPress block editor</li>
<li>Click the “Strakture Patterns” button in the editor toolbar</li>
<li>Browse by category or scroll through the pattern library</li>
<li>Click any pattern to insert it directly into your content</li>
</ol>
<p><strong>Generating a Theme-Matched Pattern (Premium):</strong></p>
<ol>
<li>Open the Strakture library from the editor toolbar</li>
<li>Browse to a pattern you like</li>
<li>Optionally describe customizations in the prompt field</li>
<li>Click Generate — Strakture sends your theme data to the AI and returns a theme-matched version</li>
</ol>
<p><strong>Customizing an Existing Block (Premium):</strong></p>
<ol>
<li>Select any block in the WordPress block editor</li>
<li>Click <strong>Customize with AI</strong> in the block toolbar</li>
<li>Enter a plain-English request such as “rewrite this copy for a law firm”, “replace the image with a modern office”, or “adjust the colors so they feel more cohesive”</li>
<li>Press Enter or click the button to replace the selected block with the AI-edited version</li>
</ol>
<h4>No Lock-In</h4>
<p>Strakture generates standard WordPress blocks — <code>core/group</code>, <code>core/columns</code>, <code>core/image</code>, and every other native block type. If you ever cancel or deactivate the plugin, every pattern you’ve inserted stays on your site as regular, fully editable content. No proprietary format. No data held hostage.</p>
<h4>Starter Sites (Premium)</h4>
<p>Get a fully designed website up and running in minutes. Strakture ships with curated starter site demos — complete with pages, templates, navigation, and WooCommerce setup where applicable. Pick a demo, activate the companion theme, import the content, and customize from there.</p>
<ul>
<li>One-click theme activation and content import</li>
<li>Multiple demos available (Main, Coffee Shop, and more)</li>
<li>WooCommerce-ready demos with shop pages, product attributes, and store configuration</li>
<li>Automatic template and navigation reassignment to your active theme</li>
</ul>
<h4>Companion FSE Theme</h4>
<p>Strakture includes its own Full Site Editing block theme — Strakture Theme — designed from the ground up to work with the plugin’s AI pattern generation. The theme provides a clean, modern design system with well-structured CSS variables that the AI reads to produce pixel-perfect results. Available in free and Pro versions, with Pro adding WooCommerce templates, additional patterns, and premium assets.</p>
<h4>Responsive Block Controls (Premium)</h4>
<p>Fine-tune how blocks display across devices without writing CSS. Strakture adds a responsive visibility panel to the block editor, letting you hide any block on mobile, tablet, or desktop.</p>
<ul>
<li>Three breakpoints: desktop, tablet (782px), and mobile (480px)</li>
<li>Hide any block on any device — full per-block visibility control</li>
<li>Controls sync with the WordPress editor’s device preview</li>
<li>Saved per-post — no global overrides, no theme conflicts</li>
<li>Lightweight CSS output — only renders rules for blocks with overrides</li>
</ul>
<h4>WooCommerce Integration</h4>
<p>Strakture’s starter site demos include full WooCommerce setup when the plugin is active. Shop pages, cart, checkout, my account, and product templates are configured automatically during import. Product attribute types (like color swatches) are set up out of the box. No manual WooCommerce page assignment needed.</p>
<h4>Lightweight by Design</h4>
<p>Strakture adds no frontend scripts or styles to your site (except minimal responsive CSS when block overrides are used). The pattern library UI loads only when opened in the editor. Generated patterns are standard WordPress blocks — no performance overhead, no extra HTTP requests for visitors.</p>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.5 or higher</li>
<li>A WordPress block theme (FSE-compatible)</li>
</ul>
<h3>External services</h3>
<p>This plugin connects to the Strakture API (https://api.strakture.com), a service operated by Aleksandr Samokhin, to serve the block pattern library and AI generation features.</p>
<h4>Strakture API (api.strakture.com)</h4>
<p><strong>What it is:</strong> The Strakture backend that provides the pattern library content and AI-powered pattern generation displayed inside the block editor.</p>
<p><strong>What data is sent and when:</strong></p>
<ul>
<li><strong>Loading pattern categories</strong> — When the pattern library is opened, the plugin fetches the list of available categories. The request includes the WordPress version and the site’s language (locale).</li>
<li><strong>Loading patterns</strong> — When browsing patterns, the plugin fetches paginated pattern data for the selected category. The request includes the WordPress version, the site’s language (locale), the selected category, and the current page number.</li>
<li><strong>Generating patterns or customizing existing blocks (Premium only)</strong> — When a user generates a theme-matched pattern or uses <strong>Customize with AI</strong>, the plugin sends theme design token data (CSS variables for colors, typography, spacing), the Freemius license key, the site’s home URL, and the optional prompt they enter to the API. For block customization, the plugin also sends the selected block’s serialized block markup so the AI can return an edited replacement. No personal data or user information is transmitted.</li>
</ul>
<p>No personal data or user information is transmitted for free features. The WordPress version and locale are sent solely to serve compatible, correctly localized patterns.</p>
<p>Terms of service: https://strakture.com/terms<br />
Privacy policy: https://strakture.com/privacy</p>


Strakture

AI block patterns and AI block customization matched to your theme's design and your site's content — right colors, copy, and images, every time.

Pattern Builder vs Strakture