blocksmonster

<p><strong>Blocks Monster – Gutenberg Blocks, Elementor Widgets, Landing Page Builder, WooCommerce Enhancer</strong></p>
<p>Design conversion-focused landing pages, ecommerce funnels, and marketing sites without code. <strong><a href="https://blocks.monster/" rel="nofollow ugc">Blocks Monster</a></strong> combines a complete Gutenberg block library, matching Elementor widgets, AI-assisted <code>/design</code> prompts, and reusable presets so agencies, marketers, and store owners can launch pages in minutes.</p>
<h4>Build high-performing pages in minutes</h4>
<ul>
<li>Launch entire layouts using <code>/design</code> AI prompts, conversational template wizards, or shorthand commands like <code>:s</code>, <code>:b</code>, <code>:h1</code>.</li>
<li>Design with 70+ responsive Gutenberg blocks: Section, Slider, Form, Query, Button, Icon, Pricing, Testimonials, Countdown, CTA, Hero, Tabs, Accordion, and more.</li>
<li>Drop in ecommerce essentials such as Product Price, Stock Status, Ratings, Trust badges, Free Delivery notices, and interactive feature lists.</li>
<li>Extend Elementor with matching widgets (Navigation Menu, Logo, Pricing, Posts Grid, Table, Term Listings) to keep your site-wide experience consistent.</li>
<li>Add micro-interactions out of the box: click actions, scroll-triggered animations, toggles, sticky elements, and copy/paste styling for typography, spacing, and backgrounds.</li>
</ul>
<h4>Why creators love Blocks Monster</h4>
<ul>
<li><strong>Faster content production:</strong> Paste raw HTML, SVG, or image URLs and instantly convert them into styled Gutenberg blocks.</li>
<li><strong>Team-ready workflows:</strong> Share reusable block presets, typography systems, animations, and responsive settings across projects.</li>
<li><strong>Conversion-focused UI:</strong> Build product launches, SaaS pages, lead-gen funnels, and editorial hubs with proven layout patterns.</li>
<li><strong>Performance aware:</strong> Lightweight assets, granular controls, and modern best practices keep pages fast, accessible, and SEO-ready.</li>
<li><strong>Developer friendly:</strong> Organized PHP/JS architecture, PHPUnit coverage, shorthands, and hooks promote maintainable customization.</li>
</ul>
<h4>Perfect for</h4>
<ul>
<li>Agencies and freelancers delivering bespoke Gutenberg or Elementor sites.</li>
<li>Ecommerce teams optimizing product and pricing experiences.</li>
<li>Marketers testing landing pages, lead magnets, and campaign promos.</li>
<li>Content teams standardizing publishing workflows with reusable blocks.</li>
</ul>
<h3>Key Features</h3>
<ul>
<li><strong>AI & Automation:</strong> <code>/design</code> prompt workflow and command shorthands accelerate content assembly.</li>
<li><strong>Advanced Controls:</strong> Responsive typography, dimensions, box model, gradients, animations, transitions, position, z-index, filters, and interaction logic.</li>
<li><strong>WooCommerce Components:</strong> Ratings, reviews, price displays, stock status, delivery timers, money-back guarantees, trust badges, and checkout CTAs.</li>
<li><strong>Layout System:</strong> Section, Columns, Group, Slider family, Query loops, Post templates, Hero, Feature grids, FAQs, and testimonials.</li>
<li><strong>Elementor Widgets:</strong> Navigation menu, logo, taxonomy posts grid, pricing table, table, post list, term title, and more for hybrid builders.</li>
<li><strong>Productivity Boosters:</strong> Copy/paste styling, bulk conversion, inline interactions, library search, and keyboard shortcuts <code>:h1</code> through <code>:h6</code>.</li>
</ul>
<h3>Elementor Widgets Included</h3>
<ul>
<li>Navigation Menu, Logo, and Branding widgets  </li>
<li>Pricing, Table, Countdown, and CTA widgets  </li>
<li>Post List, Term List, and Taxonomy Grid widgets  </li>
<li>Blockquote, Testimonials, and Social Proof widgets</li>
</ul>
<h3>Gutenberg Blocks Library Highlights</h3>
<ul>
<li><strong>Content:</strong> Heading, Text, Image, Icon, Emoji, Button, Copy to Clipboard, Social Share, Table of Contents.</li>
<li><strong>Layout:</strong> Section, Columns, Group, Slider (Next, Previous, Pagination, Scrollbar, Thumbs), Tabs, Accordion, Cards.</li>
<li><strong>Dynamic:</strong> Query, Post Template, Post Title, Terms List, Posts List.</li>
<li><strong>Forms & CTA:</strong> Form, Form Input, Newsletter, CTA banners, Lead capture blocks.</li>
<li><strong>Ecommerce:</strong> Product Price, Stock Status, Buy Button, Feature List, Delivery Time, Free Delivery, Cash on Delivery, Money Back Guarantee, Trustpilot.</li>
<li><strong>Utilities:</strong> Box model presets, animation controls, responsive visibility, position, cursor, pointer events, and custom interactions.</li>
</ul>
<h3>Support & Resources</h3>
<ul>
<li>Review the quick-start guides and block documentation on <a href="https://blocks.monster/docs/" rel="nofollow ugc">blocks.monster</a>.</li>
<li>Ask questions or report issues in the <a href="https://wordpress.org/support/plugin/blocks-monster/" rel="ugc">WordPress.org support forum</a>.</li>
<li>Need a tailor-made solution? <a href="https://blocks.monster/contact/" rel="nofollow ugc">Contact our team</a> for onboarding or custom development.</li>
</ul>
<h3>Developers</h3>
<ul>
<li>Clean PHP, ESNext, and Tailwind-style architecture for extending, overriding, or embedding Blocks Monster within your workflows.</li>
<li>Composer, npm, PHPUnit, Playwright, and WP-CLI tooling ready for local development.</li>
<li>Contributions are welcome—open an issue with the <code>[Module]: Summary</code> template and submit PRs using the <code>fixed-###</code> branch naming convention.</li>
</ul>


Blocks Monster

Blocks Monster – Gutenberg Blocks, Elementor Widgets, Landing Page Builder, WooCommerce Enhancer

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 …

Blocks Monster vs PerAstra BlockVault – Cloud Block Library for Gutenberg