Websites Built For You

<p>You can access the Manage Reusable Blocks page from within the Gutenberg block editor by using the option in the Reusable section of the add block dialog. However, especially when building a new site, I have found this to be quite a lot of clicks just to make a quick change.</p>
<p>This is a simple plugin that adds an entry into the admin menu for quicker direct access to the page.</p>
<h4>How To Use</h4>
<p>To use the plugin, simply install and activate it. This will add a new ‘Reusable Blocks’ option to the WordPress admin menu.</p>
<p>Clicking on this option will take you to the reusable blocks page.</p>


Reusable Blocks Admin Menu Option

This plugin will add an option to the WordPress admin menu for quick access to the Manage Reusable Blocks page.

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 …

Reusable Blocks Admin Menu Option vs PerAstra BlockVault – Cloud Block Library for Gutenberg