WordPress.org

English (Canada)

Get WordPress
WordPress.org

Plugin Directory

Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing

Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing

By Blockera AI
Download

Description

Checkout a quick overview of Blockera

Quick Links 🔗

Tired of Gutenberg’s limitations?

🧐 Imagine this: All the familiarity of Gutenberg, same core blocks but supercharged with advanced options and responsive controls.

That’s Blockera, It’s the Block Era 😎.

Blockera transforms block editor (Gutenberg) into a powerful page builder, by enhancing all core blocks. It’s the ADVANCED MODE for Gutenberg.

This unique approach ensures a seamless transition and empowers you to create stunning, responsive websites with advanced design capabilities and animations.

Who Is Blockera For? 🎯

Blockera is for anyone that tired of Gutenberg’s limitations and weak performance of other page builders.

Install Blockera today and unlock the true potential of Gutenberg for creating professional and blazing fast websites!

7️⃣ Key Missing Features of Gutenberg that Blockera Adds 🏆

  • 1️⃣ Responsive Blocks and Controls: Allows you to customize all style settings for all screen sizes easily, ensuring your site looks perfect on all devices. This feature is not just advanced but also unique to Blockera.

  • 2️⃣ Advanced Style Customization Options: Blockera offers all CSS style customization options for all blocks, making it easy to achieve any design you can imagine. With an intuitive UX, even complex CSS adjustments are a breeze.

  • 3️⃣ Supporting All Core Blocks1: Blockera doesn’t overwhelm you with new blocks. Instead, it supercharges all existing core blocks, adding the advanced features you need to take your website to the next level. Works with all block themes, classic themes and Gutenberg-enabled websites.

  • 4️⃣ Block States: Design hover effects and other state-specific styles to create a more engaging user experience in all blocks. Blockera supports all HTML states for unparalleled flexibility in all core blocks2.

  • 5️⃣ Custom CSS For Blocks3: For those who want to push the boundaries even further, Blockera allows you to add custom CSS codes per block. This feature provides expert developers with the freedom to implement highly specific customizations.

  • 6️⃣ Inner Blocks Customization: This unique feature lets you customize the design of all nested and child blocks from the parent block without having to change them one by one. In upcoming updates, you will be able to attach these customizations to block style variations.

  • 7️⃣ Supporting All WooCommerce Blocks4: Blockera supports WooCommerce blocks as same as core blocks with advanced options, such as block states, custom CSS, and more.

All of these features are available in Blockera already. So what’s the future of Blockera?

Upcoming Features of Blockera 🔥🔥🔥

Currently we are working on the following features to add in Blockera:

  • Blocks Style Variation Manager: We are working on blocks style variation manager that lets you to create new style variation for blocks or update current styles form block editor.

  • Variable Support for All Features: Currently, Blockera supports variable support for colors, font size and spacing but we are working on to support variable support for all other features like box shadow, border, transforms, transitions and all other features beside that we will add an option to create custom variables.

  • Pattern Library: We will add a new pattern library for Blockera that includes many pre-made patterns and also you can create your own.

  • Icon Support for Blocks and Icon Library: We will add an option to add icons for button, menu and many other blocks and an icon library to select icons from or upload your own icons.

  • Animation Support for Blocks: We will add options to add animation for all blocks with features to create advanced and fast animations easily.

  • Block Conditions: We will add option to add visibility conditions for all blocks with features to create advanced conditions to show or hide blocks.

  • AI Integration: We will add AI integration to block editor for creating content or designing websites. We are working on it.

Responsive Design Controls

Blockera’s allow you to customize all style settings for all responsive breakpoints easily, ensuring your site looks perfect on all devices.

Also, Blockera offers unique customization graph for each option that helps you to find customizations for each option in responsive breakpoints easily.

The desktop, tablet, and mobile breakpoints are available in free version and in the Pro version large screen breakpoints beside options to customize all responsive breakpoints settings and adding custom breakpoints are available.

Page Builder Design Options for All Gutenberg Core Blocks 🔥

Blockera transforms Gutenberg into a powerful page builder by enhancing all core blocks and adding following design options.

Block States & Responsive: You are able to customize all HTML states for all blocks including hover, focus, and more with all following advanced options together to create a more engaging user experience also you can customize all style settings for all responsive breakpoints.

Advanced Typography Options: You are able to customize typography options for all blocks from simple customization to advanced options like text shadows, multi-column, strokes, indents, and more.

Spacing Options: You are able to customize spacing options for all blocks including negative values, variables values or advanced option to use CSS calc functions.

Advanced Layout Options: Including option for adding Flex and Grid layout and detailed options for customizing them. Also option to customize flex and grid child.

Advanced Background Options: Including option to add multiple background images and gradients. Option to set background size and repeat type and background clipping and more…

Size Options: Options to set width and height or more advanced options like min-width, max-width… or aspect ratio or media fit.

Border and Box Shadow: Options to custom and box shadow beside customizing border and border radius or even outline.

2D and 3D Transform: Options to add 2D and 3D transform for for all blocks including multiple transforms or creating perspective for blocks.

Advanced Effects: Options to advanced effect settings for blocks like opacity, transitions, filters and backdrop filter or blending and more.

Advanced Block Position Options: Options to add advanced position options like absolute or sticky position for blocks like top, right, bottom, left, z-index and more.

Mouse Interaction Options: Options to customize mouse interaction for blocks like changing cursor or disabling all mouse interactions for blocks.

Integrations & Compatibility 🔥

Blockera is compatible with all core block editor blocks1 and all WordPress themes, including site editor and non-site editor themes. Also we are adding support of all WooCommerce blocks4 continuously.

Fast Page Loading Speed 🏎

Blockera does not add any CSS or JS files until it’s needed. By doing this approach we can speed up the page loading time significantly and your website will load faster.

Also, we optimize core blocks to render and load faster. Blockera is compatible with Optimization Plugins and use optimization techniques such as combining CSS and JS files and minification. Also, there is no jQuery dependency.

Notes:

1- Currently 92 of 93 core blocks are supported. We are working rapidly on the rest to add support soon.

2- All block states are supported in Pro version and in the free version Normal and Hover is available for all blocks.

3- Custom CSS per block is supported in Pro version.

4- Currently 103 of 131 WooCommerce blocks are supported. We are working rapidly on the rest to add support soon.

Support 🤝

We’re here to help. Feel free to open a new thread on the Support Forum.

Become a Contributor 💁‍♂️

Blockera page builder is an open-source project, and we welcome contributors to be part of our vibrant community! Help us improve the plugin and make it even better – GitHub Link

Screenshots

  • Advanced Mode for All Core Blocks
  • Block States for All Core Blocks (Hover, Focus, etc.)
  • Advanced Customization Options for All Core Blocks
  • Responsive Blocks and Responsive Controls
  • Inner Blocks Design Customization for All Core Blocks
  • CSS Variables
  • WooCommerce Blocks

Installation

Automatic Installation

To download and install the Blockera plugin, make sure you follow the steps below:

  • Navigate to the WordPress Dashboard > Plugins.
  • Click the Add New button and type in the Search Bar “Blockera”.
  • When the plugin appears, click on the Install button and then on Activate.

Manual Installation

  • Log into your website admin page, then go to Appearance > Plugins. You will see all the plugins currently installed in your dashboard listed there.
  • To install a new WordPress plugin, simply click on the Add New tab.
  • Click the Upload Plugin button in the WordPress Dashboard.
  • Click the Choose File button, select the ZIP archive of the Blockera plugin from your local computer and press the Install Now button.
  • Click on the Activate button under the “Plugin installed successfully” message.

FAQ

Is Blockera free?

Blockera comes in both free and premium versions. The premium version offers a wider variety of blocks and multiple options to customize them, compared to the free version.

Does Blockera adds responsive controls to Gutenberg?

Yes, Blockera adds responsive breakpoints to all core blocks. You can customize all style settings for all responsive breakpoints easily, ensuring your site looks perfect on all devices.

Does Blockera adds block states to Gutenberg?

Yes, Blockera adds block states like hover, focus, and more to all core blocks.

Does Blockera adds custom CSS to Gutenberg?

Yes, Blockera adds custom CSS to all core blocks.

Does Blockera adds new blocks?

No, Blockera doesn’t add new blocks. It enhances all existing core blocks with advanced options.

Reviews

Good idea

January 29, 2025 2 replies
This is a very nice and useful plugin. It’s a great idea to build upon the default block editor. I’m looking forward to the Pro version and the addition of animations. Perhaps we could eventually get something similar to Framer, but within WordPress, leveraging all the benefits it offers. A tip for the next version: consider avoiding inline styles and instead generate a special stylesheet for elements used on the current page. This approach could improve performance and maintainability.

Just WOW!

January 26, 2025 1 reply
Extending core blocks this way is the best approach. This makes WP Blocks Editor much better. Keep up the good work!

So good, it convinced me to use FSE

January 17, 2025 1 reply
So many really well thought out additions to Gutenberg, on top of core blocks, which I’m a huge fan of. The dev is super friendly and open to ideas, and wants to build something brilliant. Everything Gutenberg is missing then some – get in early when the pro version comes out, you won’t regret it.

The Powerful block based page builder!

January 15, 2025 2 replies
This is how Gutenberg should be! I wonder how much time and effort taken on this plugin and how perfect it is. The UI and UX is almost perfect and they have done a very good job. I am wondering why no one didn’t it before. I also like the approach of not adding new blocks and boosting native blocks.

Excellent Block Editor “Page Builder”

January 7, 2025 1 reply
Really good implementation of applying advanced / missing features to the Block Editor. Breakpoints, Grid and Flex, excellent pagebuilder-like implementation of spacing and units. A lot of thought has gone into this plugin, you can see that the guys know what they are doing. Ali, the dev, is very responsive, friendly, open to suggestions and helpful. Everything I’ve asked for he’s implemented already or is open to hearing my views. Get in early when the Pro is released, this plugin is snappy, well crafted and deserves support, IMHO…

Fast and flexible plugin

December 16, 2024 1 reply
I found Blockera to be a fast and efficient Wordpress block editor plugin. It has great responsive breakpoints and flexible block hover state that make design easy. It supports all core blocks and gives full control over which I think is really helpful for smooth and customizable editing. I was using the tt five theme, and everything on my site worked perfectly.
Read all 6 reviews

Contributors & Developers

“Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing” is open source software. The following people have contributed to this plugin.

Contributors

“Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing” into your language.

Interested in development?

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

Changelog

Version 1.11.0 – 2025-05-21

New Features

  • Block style variation live preview 🔥
    • The live preview of style variation for block will be shown while mouse over on them inside style variation picker 🔥
    • If mouse wait for 2 seconds over the style button, the block example with preview will be shown.

Improvements

  • Optimized the style engine speedup the process of generating css styles. 🔥

Bug Fixes

  • Fixed an issue where the features are not persistent across page reload. Thanks to Davor 🙏🏼
  • Paddings CSS code is persist on page after after resetting value. Thanks to Davor 🙏🏼
  • Fixed an issue where the some styles were not being correctly generated for block on frontend.
  • Fixed an issue where block settings were incorrectly applied to pseudo-elements of block states.
  • Fixed an issue where CSS selectors were incorrectly generated for pseudo-elements with content property in block states.
  • Fixed an issue where pseudo-elements in inner blocks could not be edited through block settings.

More

This release includes 33 commits since the last release.

Version 1.10.1 – 2025-05-19

Improvements

  • Block card design improved.
  • Improved support of third-party plugin blocks as inner block. Thanks to Hoang.

Bug Fixes

  • Color picker design issue on Windows. Thanks Hoang.
  • Fixed an issue where the some block states were not being correctly configured.
  • Fixed an issue where the display value was not being correctly retrieved from the current breakpoint settings.

More

This release includes 14 commits since the last release.

Version 1.10.0 – 2025-05-19

New Features

  • Block Card Redesign: The blocks card design for customizing block states and inner blocks redesigned.

    • It’s much better usable and clean in new version.
    • Hover state is active by default for all blocks.
    • Smart block states suggestion: For example Button block have focus and active state on block card.
    • Added content css property support for :before and :after pseudo-elements in block states.
    • Block style variation redesigned and moved to block card (Block Card v3).
    • Advanced Block States like focus, active or pseudo selectors like before, after or marker and others added. (Pro Feature).

  • Movable Popover: settings popovers are now movable.

  • Unified Dashboard Color: Blockera interface uses current user WP color for interface fore more unified design in block editor.

  • Calendar block: Caption inner block added.

  • Calendar block: Header inner block added.
  • Calendar block: Header Cells inner block added.
  • Calendar block: Body inner block added.
  • Calendar block: Body Cells inner block added.
  • Calendar block: Body Empty Cells inner block added.

  • Calendar block: Next/Prev Links inner block added.

  • Categories List block: Marker state added to Terms inner block added.

  • Details block: Special Open state added.

  • Home Link block: Special Current Page state added.

  • Navigation Link block: Special Current Page state added.

  • Navigation Link block: Special Current Page Parent state added.

  • Navigation Link block: Special Current Page Ancestor state added.

  • Submenu block: Special Current Page state added.

  • Submenu block: Special Current Page Parent state added.

  • Submenu block: Special Current Page Ancestor state added.

  • Previous Post block: Arrow inner block added.

  • Next Post block: Arrow inner block added.

  • Next Page block: more related states for block.

  • Previous Page block: more related states for block.

  • Page Numbers block: more related states for block.

  • Read More block: more related states for block.

  • Social Link block: more related states for block.

  • Table block: Caption inner block added.

  • Table block: Header Cells inner block added.
  • Table block: Body Cells inner block added.
  • Table block: Footer Cells inner block added.

Improvements

  • Improved plugin loading performance by optimizing when Blockera initializes on the page.
  • Background image feature: UI/UX design to do more with less!
  • Features label design and usability for reset value icon.
  • Tooltips design improved.
  • Image upload control design improved.
  • Layout control: design improved.
  • Rewrite the Toggle Select Control from scratch to improve performance and usability.
  • Improved block card inner blocks priority system for better user experience and performance.
  • Improved the style engine to support flexible CSS selectors in block and inner block states, providing more powerful styling capabilities.
  • Flex Child block section: Smartly showing icons of setting based on parent block flex direction setting.
  • Flex Child block section: Help for all features added.
  • Details block: inner blocks improved.
  • File block: inner blocks improved.
  • Footnote block: inner blocks improved.
  • Gallery block: inner blocks improved.
  • Heading block: inner blocks improved.
  • Image block: inner blocks improved.
  • Latest Comments block: inner blocks improved.
  • Latest Posts block: inner blocks improved.
  • List block: inner blocks improved.
  • List Item block: inner blocks improved.
  • Home Link block: inner blocks improved.
  • Navigation Link block: inner blocks improved.
  • Submenu block: inner blocks improved.
  • Paragraph block: inner blocks improved.
  • Post Author block: inner blocks improved.
  • Post Author Biography block: inner blocks improved.
  • Post Author Name block: inner blocks improved.
  • Post Content block: inner blocks improved.
  • Post Date block: inner blocks improved.
  • Post Excerpt block: inner blocks improved.
  • Post Terms block: inner blocks improved.
  • Post Title block: inner blocks improved.
  • Pullquote block: inner blocks improved.
  • Query Pagination block: inner blocks improved.
  • Next Page block: inner blocks improved.
  • Previous Page block: inner blocks improved.
  • Page Numbers block: inner blocks improved.
  • Quote block: inner blocks improved.
  • Site Title block: inner blocks improved.
  • Social Link block: inner blocks improved.
  • Social Links block: inner blocks improved.
  • Tag Cloud block: inner blocks improved.
  • Term Description block: inner blocks improved.
  • Verse block: inner blocks improved.
  • Comments Pagination Next block: inner blocks & states improved.
  • Comments Pagination Numbers block: inner blocks & states improved.
  • Comments Pagination Prev block: inner blocks & states improved.
  • Post Comments Form block: inner blocks & states improved.
  • Query Pagination Numbers block: inner blocks & states improved.
  • Add To Cart Button block: states improved.
  • Mini Cart Cart Button block: states improved.
  • Mini Cart Checkout Button block: states improved.
  • Blocksy About Me block: inner blocks improved.
  • Blocksy Breadcrumb block: inner blocks improved.
  • Blocksy Contact Info block: inner blocks improved.
  • Blocksy Dynamic Data block: inner blocks improved.
  • Blocksy Search block: inner blocks improved.
  • Archive block: support improved.
  • Audio block: support improved.
  • Avatar block: support improved.
  • Button block: support improved.
  • Buttons block: support improved.
  • Categories block: support improved.
  • Column block: support improved.
  • Columns block: support improved.
  • Comment Author Name block: support improved.
  • Comment Date block: support improved.
  • Comment Edit Link block: support improved.
  • Comments Pagination block: support improved.
  • Comments Title block: support improved.
  • Cover block: support improved.
  • Details block: support improved.
  • File block: support improved.
  • Gallery block: support improved.
  • Group block: support improved.
  • Image block: support improved.
  • Latest Comments block: support improved.
  • Latest Posts block: support improved.
  • Login/out block: support improved.
  • Media Text block: support improved.
  • Navigation Link block: support improved.
  • Navigation Submenu block: support improved.
  • Page List block: support improved.
  • Post Author block: support improved.
  • Post Author Name block: support improved.
  • Post Content block: support improved.
  • Post Date block: support improved.
  • Post Excerpt block: support improved.
  • Post Featured Image block: support improved.
  • Post Template block: support improved.
  • Post Title block: support improved.
  • Query Pagination block: support improved.
  • Query Pagination Numbers block: support improved.
  • Query Title block: support improved.
  • Read More block: support improved.
  • RSS block: support improved.
  • Search block: support improved.
  • Site Logo block: support improved.
  • Site Title block: support improved.
  • Social Link block: support improved.
  • Social Links block: support improved.
  • Spacer block: support improved.
  • Table block: support improved.
  • Tag Cloud block: support improved.
  • Video block: support improved.
  • The Icon block by Nick Diego: support improved.
  • Multiple minor design improvement on controls.

Bug Fixes

  • Features Label: the reset button is not showing for some features.
  • Fixed input control to avoid unnecessary updates, better handle incomplete calculations and unit conversions, and properly handle decimal values and constraints when leaving the field with the same value.
  • Fix typo in background control. Thanks to Isla Rowan.
  • Fixed an issue where the merge of styles for block states was not working properly.

Automated Tests

  • Refactor workflows to reuse the configurations of wp-env
  • Added E2E tests to check block style variation functionality.
  • Added Unit tests for computation css declarations to ensure the robustness of the style engine.
  • Added E2E tests to check the inner blocks functionality of Calendar block.
  • Updated E2E tests to check the inner blocks functionality of Categories List block.
  • Updated E2E tests to check the inner blocks functionality of Previous Post block.
  • Updated E2E tests to check the inner blocks functionality of Next Post block.
  • Updated E2E tests to check the inner blocks functionality of Table block.
  • Updated E2E tests to check functionality of Comments Pagination Next block.
  • Updated E2E tests to check functionality of Comments Pagination Numbers block.
  • Updated E2E tests to check functionality of Comments Pagination Prev block.
  • Updated E2E tests to check functionality of Query Pagination Next block.
  • Updated E2E tests to check functionality of Query Pagination Numbers block.
  • Updated E2E tests to check functionality of Query Pagination Prev block.
  • Updated E2E tests to check support of Archive block.
  • Updated E2E tests to check support of Audio block.
  • Updated E2E tests to check support of Avatar block.
  • Updated E2E tests to check support of Button block.
  • Updated E2E tests to check support of Buttons block.
  • Updated E2E tests to check support of Categories block.
  • Updated E2E tests to check support of Column block.
  • Updated E2E tests to check support of Columns block.
  • Updated E2E tests to check support of Comment Author Name block.
  • Updated E2E tests to check support of Comment Date block.
  • Updated E2E tests to check support of Comment Edit Link block.
  • Updated E2E tests to check support of Comments Pagination block.
  • Updated E2E tests to check support of Comments Title block.
  • Updated E2E tests to check support of Cover block.
  • Updated E2E tests to check support of Details block.
  • Updated E2E tests to check support of File block.
  • Updated E2E tests to check support of Gallery block.
  • Updated E2E tests to check support of Group block.
  • Updated E2E tests to check support of Image block.
  • Updated E2E tests to check support of Latest Comments block.
  • Updated E2E tests to check support of Latest Posts block.
  • Updated E2E tests to check support of Login/out block.
  • Updated E2E tests to check support of Media Text block.
  • Updated E2E tests to check support of Navigation Link block.
  • Updated E2E tests to check support of Navigation Submenu block.
  • Updated E2E tests to check support of Page List block.
  • Updated E2E tests to check support of Post Author block.
  • Updated E2E tests to check support of Post Author Name block.
  • Updated E2E tests to check support of Post Content block.
  • Updated E2E tests to check support of Post Date block.
  • Updated E2E tests to check support of Post Excerpt block.
  • Updated E2E tests to check support of Post Featured Image block.
  • Updated E2E tests to check support of Post Template block.
  • Updated E2E tests to check support of Post Title block.
  • Updated E2E tests to check support of Query Pagination block.
  • Updated E2E tests to check support of Query Pagination Numbers block.
  • Updated E2E tests to check support of Query Title block.
  • Updated E2E tests to check support of Read More block.
  • Updated E2E tests to check support of RSS block.
  • Updated E2E tests to check support of Search block.
  • Updated E2E tests to check support of Site Logo block.
  • Updated E2E tests to check support of Site Title block.
  • Updated E2E tests to check support of Social Link block.
  • Updated E2E tests to check support of Social Links block.
  • Updated E2E tests to check support of Spacer block.
  • Updated E2E tests to check support of Table block.
  • Updated E2E tests to check support of Tag Cloud block.
  • Updated E2E tests to check support of Video block.
  • Updated E2E tests to check support of Icon block by Nick Diego.

More

This release includes 771 commits since the last release.

To read the changelog for older Blockera releases, please navigate to the releases page.

Meta

Ratings

5 out of 5 stars.

Add my review

See all reviews

Support

Got something to say? Need help?

View support forum