Blocks Monster

Description

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

Design conversion-focused landing pages, ecommerce funnels, and marketing sites without code. Blocks Monster combines a complete Gutenberg block library, matching Elementor widgets, AI-assisted /design prompts, and reusable presets so agencies, marketers, and store owners can launch pages in minutes.

Build high-performing pages in minutes

  • Launch entire layouts using /design AI prompts, conversational template wizards, or shorthand commands like :s, :b, :h1.
  • Design with 70+ responsive Gutenberg blocks: Section, Slider, Form, Query, Button, Icon, Pricing, Testimonials, Countdown, CTA, Hero, Tabs, Accordion, and more.
  • Drop in ecommerce essentials such as Product Price, Stock Status, Ratings, Trust badges, Free Delivery notices, and interactive feature lists.
  • Extend Elementor with matching widgets (Navigation Menu, Logo, Pricing, Posts Grid, Table, Term Listings) to keep your site-wide experience consistent.
  • Add micro-interactions out of the box: click actions, scroll-triggered animations, toggles, sticky elements, and copy/paste styling for typography, spacing, and backgrounds.

Why creators love Blocks Monster

  • Faster content production: Paste raw HTML, SVG, or image URLs and instantly convert them into styled Gutenberg blocks.
  • Team-ready workflows: Share reusable block presets, typography systems, animations, and responsive settings across projects.
  • Conversion-focused UI: Build product launches, SaaS pages, lead-gen funnels, and editorial hubs with proven layout patterns.
  • Performance aware: Lightweight assets, granular controls, and modern best practices keep pages fast, accessible, and SEO-ready.
  • Developer friendly: Organized PHP/JS architecture, PHPUnit coverage, shorthands, and hooks promote maintainable customization.

Perfect for

  • Agencies and freelancers delivering bespoke Gutenberg or Elementor sites.
  • Ecommerce teams optimizing product and pricing experiences.
  • Marketers testing landing pages, lead magnets, and campaign promos.
  • Content teams standardizing publishing workflows with reusable blocks.

Key Features

  • AI & Automation: /design prompt workflow and command shorthands accelerate content assembly.
  • Advanced Controls: Responsive typography, dimensions, box model, gradients, animations, transitions, position, z-index, filters, and interaction logic.
  • WooCommerce Components: Ratings, reviews, price displays, stock status, delivery timers, money-back guarantees, trust badges, and checkout CTAs.
  • Layout System: Section, Columns, Group, Slider family, Query loops, Post templates, Hero, Feature grids, FAQs, and testimonials.
  • Elementor Widgets: Navigation menu, logo, taxonomy posts grid, pricing table, table, post list, term title, and more for hybrid builders.
  • Productivity Boosters: Copy/paste styling, bulk conversion, inline interactions, library search, and keyboard shortcuts :h1 through :h6.

Elementor Widgets Included

  • Navigation Menu, Logo, and Branding widgets
  • Pricing, Table, Countdown, and CTA widgets
  • Post List, Term List, and Taxonomy Grid widgets
  • Blockquote, Testimonials, and Social Proof widgets

Gutenberg Blocks Library Highlights

  • Content: Heading, Text, Image, Icon, Emoji, Button, Copy to Clipboard, Social Share, Table of Contents.
  • Layout: Section, Columns, Group, Slider (Next, Previous, Pagination, Scrollbar, Thumbs), Tabs, Accordion, Cards.
  • Dynamic: Query, Post Template, Post Title, Terms List, Posts List.
  • Forms & CTA: Form, Form Input, Newsletter, CTA banners, Lead capture blocks.
  • Ecommerce: Product Price, Stock Status, Buy Button, Feature List, Delivery Time, Free Delivery, Cash on Delivery, Money Back Guarantee, Trustpilot.
  • Utilities: Box model presets, animation controls, responsive visibility, position, cursor, pointer events, and custom interactions.

Support & Resources

Developers

  • Clean PHP, ESNext, and Tailwind-style architecture for extending, overriding, or embedding Blocks Monster within your workflows.
  • Composer, npm, PHPUnit, Playwright, and WP-CLI tooling ready for local development.
  • Contributions are welcome—open an issue with the [Module]: Summary template and submit PRs using the fixed-### branch naming convention.

Blocks

This plugin provides 62 blocks.

  • Link Wrapper Anchor element with Blocks Monster interactions, dynamic sources, and typography controls.
  • Inline Span Fine-grained inline wrapper for badges, highlights, or data bindings powered by `_bm_style` tokens.
  • Form Input Text/number/email input element with label, placeholder, and `_bm_style` states.
  • Unordered List Semantic `<ul>` list for navs, feature bullets, or stats with `_bm_style` gap controls.
  • Header Tag Semantic `<header>` container for hero bars, nav bars, or announcement rows with `_bm_style` layout presets.
  • Section Wrapper Semantic section block with Blocks Monster layout defaults for flex, gaps, and responsive spacing.
  • Ordered List Semantic `<ol>` element for steps, timelines, or rankings with `_bm_style` spacing controls.
  • Form Wrapper HTML `<form>` element with method/action controls and Blocks Monster styling + interaction hooks.
  • Navigation Tag `<nav>` container for menus, breadcrumbs, or skip links with Blocks Monster responsive controls.
  • List Item Semantic `<li>` for custom menus, feature lists, or stats grids with `_bm_style` hooks.
  • DIV Container Utility wrapper for custom layouts that still taps into `_bm_style` spacing, borders, and interactions.
  • Image Tag Raw `<img>` element with media library wiring, alt text, and `_bm_style` dimension controls.
  • HTML Button Accessible `<button>` element with `_bm_style` presets for CTA typography, padding, and states.
  • Pagination Next Link Button/link that advances the query loop with custom label and `_bm_style` design.
  • Brand Logo Outputs the site logo or custom asset with flex alignment controls and link settings.
  • Post Categories List, dropdown, or tag view of taxonomy terms with label toggles and `_bm_style` layout options.
  • Terms List Grid or inline list of taxonomy terms with ordering, counts, and `_bm_style` spacing.
  • Term Title Heading block that prints the current taxonomy term name with typography controls.
  • Term Description Outputs the current term description—ideal for taxonomy landing pages or archives.
  • Post Date/Time Outputs published or updated timestamps with format toggles and `_bm_style` typography controls.
  • Pagination Previous Link Back button for the query loop with customizable label and `_bm_style` controls.
  • Query Loop Full WP_Query wrapper with inspector controls for type, taxonomy, sorting, and layout tag.
  • Post Body Renders the full post content loop with `_bm_style` hooks for typography and spacing overrides.
  • Post Author Card Query-aware author card that exposes name, avatar context, and `_bm_style` typography hooks.
  • Site Title Dynamic site title with tag selection and `_bm_style` typography presets for headers.
  • Author Meta Field Output any author meta key (company, role, bio) with typography + spacing controls.
  • Post Meta Field Outputs any custom meta key with typography, prefix/suffix, and data-binding options.
  • Post Summary Truncated excerpt with length control for cards, sliders, and archive layouts.
  • Query Title Auto-generated archive/search title with prefix and search term toggles.
  • Post Title Dynamic heading with tag + link controls for archive cards, hero banners, or sliders.
  • Site Tagline Outputs the site description with tag choice and `_bm_style` typography presets.
  • Pagination Numbers Renders a numeric pagination row with mid-size control and `_bm_style` gap settings.
  • Author Avatar Pulls the contextual author image with size, border, and shape controls via `_bm_style`.
  • Posts Query Opinionated loop block with designer-friendly controls for per-page, sorting, and styling.
  • Query Empty State Message/layout displayed when a query returns zero posts; perfect for friendly fallbacks.
  • Query Post Template Loop wrapper for archive cards that exposes `_bm_styles` for self and item selectors.
  • Query Pagination Wrapper for pagination controls with flex alignment defaults for numbers, next/prev, etc.
  • Featured Image Auto pulls the post thumbnail with optional link target and `_bm_style` dimension presets.
  • Post Taxonomy Terms Category/tag chips with separator styling and optional links for archives or hero meta rows.
  • Site Logo Displays the configured site logo with link toggle and `_bm_style` sizing.
  • Google Play Store Button Google Play badge CTA with direct link, width control, and Blocks Monster styling.
  • Carousel Slide Individual slide container with `_bm_style` controls for padding, background, and responsive layouts.
  • Video Player Self-hosted video block with autoplay, poster, caption, and `_bm_style` controls for hero sections.
  • Social Share Bar Lightweight share CTA with per-network toggles, labels, and Blocks Monster styling controls.
  • Slides Track Flex track that hosts Slides inside the Carousel wrapper with `_bm_style` spacing defaults.
  • Slider Scrollbar Draggable scrollbar controller for carousels, ideal for product galleries and timelines.
  • Carousel Wrapper Swiper-powered slider wrapper with Blocks Monster styles, scripts, and layout orchestration.
  • Slide Thumbnail Thumbnail item that syncs with the main carousel and exposes `_bm_style` controls for active states.
  • Responsive Column Individual column that inherits Blocks Monster spacing, breakpoints, and `_bm_style` controls for precise layouts.
  • Copy to Clipboard CTA button that copies any text snippet with success messaging and Blocks Monster styles.
  • Slider Pagination Dot pagination component that binds to the Blocks Monster slider API.
  • Slider Next Button Navigation arrow wired to the carousel with positioning handled through `_bm_style` presets.
  • Brand Icon Drop in SVGs, emojis, or media library icons with Blocks Monster styling and sizing options.
  • Rich Text Flexible paragraph block with typography defaults and dynamic data support for Blocks Monster layouts.
  • Emoji Badge High-impact emoji badge for callouts, with `_bm_style` control over size, padding, and colors.
  • Layout Group Responsive wrapper with Blocks Monster flex presets, interactions, and design tokens for stacking content.
  • Slider Previous Button Back navigation arrow synced with the main slider and ready for custom styling.
  • Apple App Store Button Official-looking Apple badge CTA with link, alt text, width, and `_bm_style` controls.
  • Hero Heading Marketing-ready headline with custom tag, placeholder, and Blocks Monster styling hooks.
  • Timer Countdown/time source that powers timer-value children and emits interactivity events.
  • Thumbnails Track Wrapper for carousel thumbnails with flex controls and synced swiper options.
  • Timer Value Displays a timer unit (days, hours, minutes, seconds) fed by the parent timer.

Installation

  1. Upload or install Blocks Monster from the WordPress plugin repository.
  2. Activate the plugin via Plugins Installed Plugins.
  3. Open the Gutenberg or Elementor editor, search for «Blocks Monster», and start building with the enhanced block library.

FAQ

Does Blocks Monster work with the latest WordPress and Gutenberg releases?

Yes. We actively test with WordPress 6.9.4 and the latest Gutenberg plugin so you can update confidently.

Do I need Elementor to use the plugin?

No. All Gutenberg blocks work independently. Elementor widgets are optional and automatically available when Elementor is active.

How does the `/design` AI prompt workflow help me?

Type /design in the editor to open an AI-assisted prompt. Describe the layout or component you need and Blocks Monster builds the block structure, content, and styling for you.

Can I copy styles between blocks?

Absolutely. Use the built-in copy/paste controls for typography, spacing, backgrounds, gradients, animations, and other design tokens to stay consistent across pages.

Is WooCommerce supported?

Yes. Dedicated ecommerce blocks cover pricing, inventory messaging, delivery timing, trust signals, and upsell callouts tailored for product pages.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Blocks Monster” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Blocks Monster” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.17.1

  • Fix: Updated WordPress.org deploy workflow to clean vendor before composer install --no-dev to prevent CI autoload failures.
  • Fix: Improved deployment composer install command with --no-interaction for safer CI execution.

1.17.0

  • New: Added «Timer» Gutenberg block with WordPress Interactivity API integration for countdown functionality.
  • New: Added «Timer Value» Gutenberg block for displaying individual time units (days, hours, minutes, seconds) within a timer.
  • Improvement: Updated all block icons to use WordPress native icons for consistency and improved visual clarity in the block inserter.
  • Improvement: Enhanced block titles and descriptions across all Gutenberg blocks for better discoverability and usability.
  • Improvement: Expanded shorthand trigger support across all blocks. Users can now use both terse (e.g., :s) and descriptive (e.g., :section) shorthands for faster block insertion.
  • Improvement: Added shorthand support for all HTML wrapper blocks (:div, :span, :link, :anchor, :image, :header, :nav, :form, :input, :list-item, :ordered-list, :unordered-list).
  • Improvement: Added shorthand support for all theme blocks (:author, :author-avatar, :author-meta, :logo, :post-title, :post-content, :post-date, :post-excerpt, :post-featured-image, :post-meta, :post-template, :post-terms, :query, :query-title, :site-title, :site-tagline, :site-logo, :term-description, and more).
  • Improvement: Added shorthand support for general blocks (:text, :heading, :group, :column, :icon, :slider).
  • Improvement: Added specific heading level shorthands (:h1, :h2, :h3, :h4, :h5, :h6) with default styling.
  • Fix: Prevented duplicate registration notices for bm/apple-app-store, bm/column, and bm/video blocks.
  • Fix: Prevented PHP 8.1+ deprecation in wp_add_inline_style() by only passing non-empty animation CSS.

1.16.0

  • New: Add «Slider» Gutenberg block for the slider.
  • New: Add «Slider Next» Gutenberg block for the slider.
  • New: Add «Slider Pagination» Gutenberg block for the slider.
  • New: Add «Slider Previous» Gutenberg block for the slider.
  • New: Add «Slider Scrollbar» Gutenberg block for the slider.
  • New: Add «Slider Slide» Gutenberg block for the slider.
  • New: Add «Slider Slides» Gutenberg block for the slider.
  • New: Add «Slider Slides Thumb» Gutenberg block for the slider.
  • New: Add «Slider Slides Thumbs» Gutenberg block for the slider.

1.15.0

  • New: Added scroll interation with scroll indicators.
  • Improvement: Disabled suggessions for the dimentsions blocks.
  • Improvement: Allow to add min -10000, and max 10000 values in inputs.
  • Improvement: For single column selection avoided to add column in section block.
  • Improvement: Added the shortcuts :h1, :h2, :h3, :h4, :h5, :h6 to add the heading block in the editor.
  • Improvement: On enter press in heading block focus on outside the current container.
  • Fix: After duplicate block the unique ID also duplicate.

1.14.0

  • New: Added the click interaction support for the Button block.
  • New: Added the ‚Form‘ Gutenberg block.
  • New: Added the ‚Form Input‘ Gutenberg block.
  • New: Allow to copy settings support for the box model control.
  • New: Allow to copy settings support for the typography control.
  • Improvement: Allow to increase/decrease or update value on click or drag on input.
  • Improvement: Updated the block control styling.
  • Improvement: Added sync support for the dimentions control.
  • Improvement: Added remove color support for Linear gradient in background control.
  • Improvement: Added remove color support for Angular gradient in background control.
  • Improvement: Added remove color support for Radial gradient in background control.
  • Fixed: Box shadow not works due to missing unit.
  • Fixed: After duplicate block the unique ID also duplicate.
  • Fixed: Linear gradient not works in the background control.
  • Fixed: Angular gradient not works in the background control.
  • Fixed: Radial gradient not works in the background control.
  • Deperecated: Removed the ‚Active‘ state control.

1.13.0

  • New: Added the «Query» Gutenberg block.
  • New: Added the «Post Template» Gutenberg block.
  • New: Added the «Post Title» Gutenberg block.
  • Improvement: Added WordPress 6.7.2 compatibility.

1.12.0

  • New: Added the «Group» Gutenberg block.
  • New: Added the «Site Logo» Gutenberg block.
  • New: Added the «Site Tagline» Gutenberg block.
  • New: Added the «Site Title» Gutenberg block.
  • New: Added the «Logo» Gutenberg block.

1.11.2

  • Improvement: Improved the UI design for the Section block.

1.11.1

  • Improvement: Added a default placeholder image for the Image block.
  • Improvement: Added link, and target support for the Button block.
  • Improvement: Allow new block after press enter in text, and heading block.
  • Improvement: Show the selected and hovered block in the editor.

1.11.0

  • New: Added the «Emoji» Gutenberg block.
  • New: Added the «Column» Gutenberg block.
  • New: Added the «Button» Gutenberg block.
  • Fix: On duplicate block the unique ID also duplicate.
  • Improvement: Added placeholder support for the section block to add different column layouts.
  • Improvement: Use the :s and type space to add the Section block in editor.

1.10.0

  • Fixed: Flex box control css not works.
  • New: Added the «Icon» Gutenberg block.

1.9.0

  • New: Added the «Heading» Gutenberg block.
  • New: Added the «Text» Gutenberg block.
  • New: Added the «Image» Gutenberg block.

1.8.13

  • Improvement: Sidebar control icons, and UI, and performance optimized.

1.8.12

  • Improvement: Release of Controls version 1.0.4.
  • Improvement: Added auto suggest support for most of the controls.
  • Improvement: Added Animation control support for Section Gutenberg block.
  • Improvement: Updated the Section Gutenberg block.

1.8.11

  • Improvement: Added the transition control support for Section Gutenberg block.
  • Improvement: Added the transform support for Section Gutenberg block.

1.8.10

  • Improvement: Added the pointer events control support for Section Gutenberg block.
  • Improvement: Added the cursor control support for Section Gutenberg block.
  • Improvement: Added the background blur control support for Section Gutenberg block.
  • Improvement: Added the layer blur control support for Section Gutenberg block.
  • Improvement: Added the opacity control support for Section Gutenberg block.

1.8.9

  • Improvement: Added the box shadow control support for the Section Gutenberg block.

1.8.8

  • Improvement: Added the background control support for the Section Gutenberg block.

1.8.7

  • Improvement: Added the typography control support for the Section Gutenberg block.

1.8.6

  • Improvement: Added the border radius control support for the Section Gutenberg block.
  • Improvement: Added the box sizing control support for the Section Gutenberg block.

1.8.5

  • Improvement: Added the box model control support for the Section Gutenberg block.

1.8.4

  • Improvement: Updated the UI design for the state, and responsive control.

1.8.3

  • Improvement: Added the dimentions (width, height) control support for the Section Gutenberg block.

1.8.2

  • Improvement: Added the position control support for the Section Gutenberg block.
  • Improvement: Added the sides (top, right, bottom, and left) control support for the Section Gutenberg block.
  • Improvement: Added the z-index control support for the Section Gutenberg block.

1.8.1

  • Improvement: Added the Flex Box control support for the Section Gutenberg block.

1.8.0

  • New: Added «Section» Gutenberg block.

1.7.0

  • New: Added «Apple App Store Button» Gutenberg block.
  • New: Added «Google Play Store Button» Gutenberg block.

1.6.0

  • New: Added position control support for the Gutenberg blocks.
  • Improvement: Responsive control for the Gutenberg blocks.

1.5.0

  • Improvement: Added «Copy to Clipboard» Gutenberg block.
  • Improvement: Added «Social Share» Gutenberg block.
  • Improvement: Added block link support for the post content block.

1.4.2

  • Improvement: Added heading block variations for Gutenberg.
  • Improvement: Added «Responsive» option for Gutenberg blocks to hide on mobile, tablet, or desktop.

1.4.1

  • Improvement: Added compatibility with WordPress 6.6.1.

1.4.0

  • New: Added the «Posts List» Gutenberg block.
  • New: Added the «Terms List» Gutenberg block.

1.3.1

  • Improvement: Fixed the link for the Elementor pricing widget not works.

1.3.0

  • New: Added the «Post List» Elementor widget.
  • New: Added the «Term Title» Elementor widget.

1.2.0

  • New: Added the «Logo» Elementor widget.
  • New: Added the «Navigation Menu» Elementor widget.
  • New: Added the «Taxonomy Posts Grid» Elementor widget.

1.1.0

  • New: Added the «Table» Elementor widget.

1.0.0

  • Initial release.