Jason Crist

Twenty Bellows

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.
<h4>Key Features</h4>
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
<h4>Use Cases</h4>
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
<h3>Development</h3>
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:
<h3>Credits</h3>
Pattern Builder is developed and maintained by <a href="https://twentybellows.com" rel="nofollow ugc">Twenty Bellows</a>.

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 …

PerAstra

Save Gutenberg blocks to a personal cloud library and insert them on any WordPress site. PerAstra BlockVault is a block manager for freelancers and agencies who reuse the same components across client sites.
Stop rebuilding the same hero sections, CTAs, pricing tables, and testimonials from scratch on every project. Save once, insert anywhere — no Multisite required.
Stop rebuilding the same sections from scratch on every client site.
<h4>Key Features</h4>
<ul>
<li>Save any blocks — Select one or more blocks, click save, done.</li>
<li>Insert anywhere — Open your library on any WordPress site and insert in one click.</li>
<li>Search, filter, and sort — Find blocks by name or category; filter by Favorites or by Collection; sort newest, oldest, or A–Z / Z–A.</li>
<li>Favorites (pinning) — Pin your most-used blocks to the top. (Solo plan or higher.)</li>
<li>Collections — Group related blocks into named collections for projects or client sites. (Solo plan or higher.)</li>
<li>Inline edit — Rename blocks, change categories, add notes, and assign collections without leaving the sidebar.</li>
<li>Bulk actions — Multi-select blocks for bulk delete (with confirmation) or duplicate.</li>
<li>Keyboard shortcut — Save selected blocks without reaching for the mouse.</li>
<li>Content preview — See a text preview of saved blocks before inserting.</li>
<li>CSS capture (opt-in) — Optionally extract theme CSS so blocks look identical on other sites. (Pro plan or higher.)</li>
<li>Notes — Add private notes to any block for future reference. (Solo plan or higher.)</li>
<li>In-plugin sign-up / login — Create a free account or log in right from the settings page — no copy-pasting keys required.</li>
<li>Automatic local-to-cloud migration — Any blocks you saved in local mode transfer to your account automatically the first time you connect.</li>
<li>Usage meter — See your current block usage against your plan limit at a glance.</li>
<li>Works across sites — Connect your account to sync blocks across completely separate WordPress installs.</li>
<li>No multisite required — Works on any standard WordPress installation.</li>
<li>Block context menu — Right-click any block and choose “Save to BlockVault”.</li>
<li>Local mode — Works offline with browser storage when no account is connected.</li>
</ul>
<h4>How it Works</h4>
<ol>
<li>Design a block or section on any WordPress site</li>
<li>Select the blocks in the editor</li>
<li>Click “Save to BlockVault” — name it, categorize it</li>
<li>On another site, open the BlockVault sidebar</li>
<li>Search or browse your library, click Insert</li>
</ol>
<h4>Use Cases</h4>
<ul>
<li>Freelancers — Build a library of hero sections, CTAs, pricing tables, and testimonials. Reuse across client projects.</li>
<li>Agencies — Share branded components across your team and client sites.</li>
<li>Content creators — Save frequently used layouts and insert them instantly.</li>
</ul>
<h4>External Services</h4>
When an API key is configured, this plugin connects to the BlockVault cloud API (operated by PerAstra) to sync your block library across sites. The following data is transmitted:
<ul>
<li>Your API key (for authentication)</li>
<li>Your site URL (for per-site tracking)</li>
<li>Block names, categories, and markup content (when saving or retrieving blocks)</li>
</ul>
No data is sent when using local mode (no API key configured).
<ul>
<li>BlockVault cloud API endpoint: <a href="https://api.block-vault.com" rel="nofollow ugc">https://api.block-vault.com</a></li>
<li>Privacy Policy: <a href="https://block-vault.com/privacy" rel="nofollow ugc">https://block-vault.com/privacy</a></li>
<li>Terms of Service: <a href="https://block-vault.com/terms" rel="nofollow ugc">https://block-vault.com/terms</a></li>
</ul>
<h4>Source Code & Development</h4>
The full unminified source and the build tooling required to regenerate the compiled files are both included inside the plugin zip AND hosted publicly on GitHub.
<ul>
<li>Source repository: <a href="https://github.com/Samuel-Gassama/perastra-blockvault" rel="nofollow ugc">https://github.com/Samuel-Gassama/perastra-blockvault</a></li>
</ul>
<h4>Source vs compiled files</h4>
The plugin zip contains both the original source and the compiled output:
<ul>
<li><code>src/</code> — original unminified JavaScript (React / JSX) and SCSS source. Everything the UI does is here.
<ul>
<li><code>src/index.js</code> — editor plugin entry point (registers the sidebar and context-menu integration)</li>
<li><code>src/components/</code> — sidebar, block list, block item, save modal</li>
<li><code>src/store/</code> — <code>@wordpress/data</code> Redux store</li>
<li><code>src/api/</code> — cloud API client, localStorage fallback, and the router between them</li>
<li><code>src/hooks/</code>, <code>src/utils/</code> — helpers for selected-block access, color/CSS resolution</li>
<li><code>src/style.scss</code> — sidebar styles</li>
</ul>
</li>
<li><code>build/</code> — compiled output loaded by WordPress. Not edited by hand. Includes:
<ul>
<li><code>build/index.js</code> (minified bundle of everything under <code>src/</code>)</li>
<li><code>build/style-index.css</code> and <code>build/style-index-rtl.css</code> (compiled from <code>src/style.scss</code>)</li>
<li><code>build/index.asset.php</code> (auto-generated dependency manifest)</li>
</ul>
</li>
</ul>
<h4>Build requirements</h4>
<ul>
<li>Node.js 18 or later</li>
<li>npm (comes with Node)</li>
</ul>
The only build tool is <a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/" rel="nofollow ugc">@wordpress/scripts</a>, the official WordPress build wrapper around webpack + Babel. No custom webpack or Babel config is used — the defaults from <code>@wordpress/scripts</code> are used verbatim.
<h4>Rebuilding the compiled files</h4>
From the plugin directory, run:
<pre><code>npm install
npm run build
</code></pre>
That produces the contents of <code>build/</code> from <code>src/</code>. Other available commands (defined in <code>package.json</code>):
<ul>
<li><code>npm run start</code> — watch mode during development</li>
<li><code>npm run lint:js</code> — lint JavaScript</li>
<li><code>npm run lint:css</code> — lint SCSS</li>
</ul>
No PHP compilation is required — all PHP files (<code>perastra-blockvault.php</code>, <code>uninstall.php</code>, <code>includes/*.php</code>) are the original human-readable source.

PerAstra BlockVault – Cloud Block Library for Gutenberg

Save Gutenberg blocks to a personal cloud library and insert them on any WordPress site. A block manager for freelancers and agencies who reuse the sa …

Pattern Builder vs PerAstra BlockVault – Cloud Block Library for Gutenberg