chrismademe

<p>Block Patterns are great, but registering them can be a little tedious. This plugin fixes that by allowing you to create and register Block Patterns using the Block Editor itself! You simply add the blocks you want to use as a pattern, add some (optional) information about them and you’re ready to start using them in your posts and pages.</p>


Block Patterns UI

A simple UI for creating and managing Block Patterns

PerAstra

<p>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.</p>
<p>Stop rebuilding the same hero sections, CTAs, pricing tables, and testimonials from scratch on every project. Save once, insert anywhere — no Multisite required.</p>
<p><strong>Stop rebuilding the same sections from scratch on every client site.</strong></p>
<h4>Key Features</h4>
<ul>
<li><strong>Save any blocks</strong> — Select one or more blocks, click save, done.</li>
<li><strong>Insert anywhere</strong> — Open your library on any WordPress site and insert in one click.</li>
<li><strong>Search, filter, and sort</strong> — Find blocks by name or category; filter by Favorites or by Collection; sort newest, oldest, or A–Z / Z–A.</li>
<li><strong>Favorites (pinning)</strong> — Pin your most-used blocks to the top. (Solo plan or higher.)</li>
<li><strong>Collections</strong> — Group related blocks into named collections for projects or client sites. (Solo plan or higher.)</li>
<li><strong>Inline edit</strong> — Rename blocks, change categories, add notes, and assign collections without leaving the sidebar.</li>
<li><strong>Bulk actions</strong> — Multi-select blocks for bulk delete (with confirmation) or duplicate.</li>
<li><strong>Keyboard shortcut</strong> — Save selected blocks without reaching for the mouse.</li>
<li><strong>Content preview</strong> — See a text preview of saved blocks before inserting.</li>
<li><strong>CSS capture (opt-in)</strong> — Optionally extract theme CSS so blocks look identical on other sites. (Pro plan or higher.)</li>
<li><strong>Notes</strong> — Add private notes to any block for future reference. (Solo plan or higher.)</li>
<li><strong>In-plugin sign-up / login</strong> — Create a free account or log in right from the settings page — no copy-pasting keys required.</li>
<li><strong>Automatic local-to-cloud migration</strong> — Any blocks you saved in local mode transfer to your account automatically the first time you connect.</li>
<li><strong>Usage meter</strong> — See your current block usage against your plan limit at a glance.</li>
<li><strong>Works across sites</strong> — Connect your account to sync blocks across completely separate WordPress installs.</li>
<li><strong>No multisite required</strong> — Works on any standard WordPress installation.</li>
<li><strong>Block context menu</strong> — Right-click any block and choose “Save to BlockVault”.</li>
<li><strong>Local mode</strong> — 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><strong>Freelancers</strong> — Build a library of hero sections, CTAs, pricing tables, and testimonials. Reuse across client projects.</li>
<li><strong>Agencies</strong> — Share branded components across your team and client sites.</li>
<li><strong>Content creators</strong> — Save frequently used layouts and insert them instantly.</li>
</ul>
<h4>External Services</h4>
<p>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:</p>
<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>
<p>No data is sent when using local mode (no API key configured).</p>
<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>
<p>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.</p>
<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>
<p>The plugin zip contains both the original source and the compiled output:</p>
<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>
<p>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.</p>
<h4>Rebuilding the compiled files</h4>
<p>From the plugin directory, run:</p>
<pre><code>npm install
npm run build
</code></pre>
<p>That produces the contents of <code>build/</code> from <code>src/</code>. Other available commands (defined in <code>package.json</code>):</p>
<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>
<p>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.</p>


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 …

Block Patterns UI vs PerAstra BlockVault – Cloud Block Library for Gutenberg