b Blocks – Page Builder Addons for Gutenberg


b Blocks is a Gutenberg addon that power up your Block editor. It can be use as a WordPress Page Building tool, which contain a variety of beautiful blocks. It is optimized for performance and provide you maximum options to achieve your design goals.



  • Posts: Display posts in grid and masonry layouts. Define post number, categories, control margin, determine post excerpts, and do many more.

  • Slider: Design an image and content slider with change style slider indicators.

  • Section: Implement a section with a section heading and custom padding.

  • Section Heading: Section Heading with a heading, separator, and a description, show hide controls for separator and description.

  • Card: Design a card that includes image, heading, description heading, description, and footer with custom typography.

  • Mail To: Mail to your mail address with a single click, mail on Gmail, Outlook, Yahoo also default app.

  • Modal: By clicking a button return a popup modal with the header, footer, description, and close button in the header and footer.

  • Tabs: Display beautiful predesigned tabs. Design tabs with layouts.

  • Accordion: Place collapsible text contents on your site with Accordion. Setup items to reveal the hidden content tastefully.

  • Collapse: Show hide content by clicking a button. Setup items to reveal the hidden content tastefully.

  • Note: Display a note with title, separator, and description also custom typography.

  • Gif Image: Embed gif image to your posts and pages.

  • QR Code: Just input a URL then it will automatically show QR code.

  • Highlight Text: Highlight text with custom color.

  • Alert: Display alert with or without title also dismiss button.

  • Progress Bar: Present your skills, experiences, or the progress of an ongoing project using Progress Bar.

  • Spacer: Space between sections or blocks.

  • Selection: Text selection enabled disabled or auto in this block.

  • Divider: Divider between sections and blocks with custom color and style.

  • Go To Top: Go To Top link with custom text.

How to use

  • After installing you can see a block category called “B Blocks” in Gutenberg editor (by clicking + icon).
  • Add one or more blocks from there.
  • You can change block settings from the right side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab


Liked that plugin? Hate it? Want a new feature? Send me some feedback

Known Issues

Click Here to see or file a new Known Issue.


  • All Blocks
  • Posts- Grid Layout
  • posts- Masonry Layout
  • Slider
  • Vertical Card- Top Image
  • Vertical Card- Bottom Image
  • Horizontal Card
  • Tabs
  • Accordion & Note
  • Gif Image & QR Code
  • Alert & Progress Bar


Este plugin inclui 16 blocos.

  • b Blocks - Page Builder Addons for Gutenberg
  • b Blocks - Page Builder Addons for Gutenberg
  • Slider
  • Section Heading
  • Mail To
  • Accordion
  • Collapse
  • Note
  • Gif Image
  • QR Code
  • Highlight Text
  • Alert
  • Progress Bar
  • Spacer
  • Divider
  • Go To Top


Automatic installation

The automatic installation is the easiest way to install any plugin in WordPress. You can install B Blocks by logging in to your WordPress dashboard, navigating to the “Plugins” menu, and click on the “Add New” button.

This will open up a page showing all the available plugins in WordPress. In the search field, type B Blocks. The search result will show you our B Blocks plugin, to install just click on the “Install Now” button.

Manual installation

To install B Blocks manually, you need to download the plugin and upload plugin-directory to the /wp-content/plugins/ directory. After that, activate the plugin through the ‘Plugins’ menu in WordPress.

Perguntas frequentes

How do I install this plugin?

You can install as others regular WordPress plugin. No different way. Please see on installation tab.

Is B Blocks free?

Yes, B Blocks is free Gutenberg block plugin.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Can I use B Blocks on client website?

Yes! You can use B Blocks on yours as well as your client’s websites.

Where can I get support?

You can post your questions on the support forum here


Ler 1 avaliação

Contribuidores e programadores

“b Blocks – Page Builder Addons for Gutenberg” é software de código aberto. As seguintes pessoas contribuíram para este plugin:


Registo de alterações


  • Initial Release