B Blocks – Gutenberg Blocks Collection and Page Builder


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.

  • Image Gallery: Display beautiful images as a gallery to present your photos in a stunning, attractive way.

  • Image Comparison: Compare between two images to see their difference.

  • Flip Boxes: Highlight your content inside your site in a great way.

  • Team Members: Present your employees/team members to your clients in beautiful way.

  • Price Lists: Display Price lists section with image, title, description, price and a separator.

  • Feature Boxes: Display Feature boxes section with feature image, title, separator and description.

  • Info Box: Show information in your website for the users in a attractive way.

  • Button Group: Displaying multiple buttons. So that, your visitors can click on the buttons to visit different pages or find out more about your offers.

  • Countdown: Displaying the timer for an event, that will happen in your business.

  • 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 G-mail, 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


  • All Blocks
  • Posts- Grid Layout
  • posts- Masonry Layout
  • Slider
  • Image Gallery
  • Image Comparison
  • Flip Boxes
  • Team Members
  • Price Lists
  • Feature Boxes
  • Info Box
  • Button Group
  • Countdown


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.


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


Read all 1 review

Contributors & Developers

“B Blocks – Gutenberg Blocks Collection and Page Builder” is open source software. The following people have contributed to this plugin.




  • Initial Release


  • Add Price Lists and Feature Boxes blocks
  • Compatible with PHP 5.4


  • Add Image Gallery and Info Box blocks
  • Responsive the Price Lists and Feature Boxes


  • Add Button Group and Countdown blocks


  • Add Image Comparison, Team Members and Flip Boxes blocks
  • Update Posts Block