Roy Sivan

easilyamused

Suraj Singh

Christoph Herr

jamestryon

Block Styles

<p>A block pattern creation, management, and template library tool.</p>
<h3>Block Pattern Library</h3>
<p>The Styles Library enhances the block pattern browsing experience. Browse core, theme, and your custom defined block patterns, and quickly use them. BlockStyles free block patterns are included. Easily import a block pattern into the editor in just a click.</p>
<p>The library is extendable with the premium BlockStyles membership. Get ready-to-use wireframe, section, and full-page block patterns which include images, typography, colors, backgrounds, etc. using the Block Styles plugin.</p>
<h3>Create Custom Block Patterns</h3>
<p>Patterns are a “stamp” or group of blocks that are pre-styled in a way to get you going creating content faster. Create your own custom patterns to use anywhere on your site, as a time saving layout tool.</p>
<p>Think of a new design feel for your content? Create a new pattern, and “stamp” away!</p>
<p>Want a consistent design and layout for your content features like a gallery, or table? Use block patterns and the Block Styles plugin to save fully designed block patterns, with all of your favorite blocks.</p>
<h3>Block Pattern Manager</h3>
<p>Manage your custom created blocks easily from the admin. Edit or remove existing block patterns.<br />
Create & manage block pattern categories and block pattern tags to easily find them in the library</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Create New Block Patterns:</strong> Create block patterns from anywhere. A block pattern can consist of a single block, a few blocks, or an entire page worth of blocks.</p>
</li>
<li>
<p><strong>Manage Your Custom Block Patterns:</strong> Easily manage & edit your block patterns just like any other post.</p>
</li>
<li>
<p><strong>Organize Your Designs:</strong> Use custom taxonomies to organize your collection of block patterns.</p>
</li>
<li>
<p><strong>Upgraded Pattern Explorer:</strong> The <a href="https://blockstyles.com" rel="nofollow ugc">BlockStyles</a> Styles Library allows you to browse and search your own, core, and <strong>FREE</strong> & premium patterns.</p>
</li>
<li>
<p><strong>Easier To Use:</strong> Insert patterns into the editor from the Styles Library with 1 click.</p>
</li>
<li>
<p><strong>Import & Export Block Patterns:</strong> Block patterns can be exported to be used on any other WordPress site.</p>
</li>
</ul>
<h3>Stay Connected</h3>
<p>Stay up-to-date on Missing Menu Items updates and Gutenberg development, using the links below. The plugin is also being built transparently on GitHub, so give it a star and follow along! 😉</p>
<p>Missing Menu Items is a part of BlockStyles, a collection of tools that transforms the default WordPress Block Editor into a true page builder.</p>
<ul>
<li><a href="https://blockstyles.com" rel="nofollow ugc">Visit the Block Styles Home Page</a></li>
<li><a href="https://twitter.com/blockstyleswp" rel="nofollow ugc">Follow on Twitter</a></li>
<li><a href="https://www.facebook.com/blockstyleswp" rel="nofollow ugc">Follow on Facebook</a></li>
<li><a href="https://www.facebook.com/groups/225424019774289" rel="nofollow ugc">Join Our Facebook Community</a></li>
<li><a href="https://www.youtube.com/channel/UCYH8CPFCo-PCHPtPARqvq6Q/" rel="nofollow ugc">Subscribe to our Youtube for Tutorials & Demos</a></li>
</ul>
<h4>Support</h4>
<p>You can get support from the community here, or in our growing <a href="https://www.facebook.com/groups/225424019774289" rel="nofollow ugc">Facebook Group</a> and find information in our <a href="https://blockstyles.com/docs/" rel="nofollow ugc">documentation</a>.</p>
<p>Direct support is offered to <a href="https://blockstyles.com" rel="nofollow ugc">BlockStyles</a> members.</p>


Styles Library

A block pattern creation, management, and template library tool.

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 …

Styles Library vs PerAstra BlockVault – Cloud Block Library for Gutenberg