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.

  • 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

  • First install the b Blocks plugin
  • Add the one or more blocks from block category called “B Block” in Gutenberg editor.
  • You can change block settings from the right side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab


⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 Html5 Video Player – Best video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress.

🔥 3D Viewer – Display interactive 3D models on the webs.


  • 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

  1. Go to Plugin menu and click on Add New Button
  2. Search for b blocks
  3. Install and activate the b Blocks plugin from there

Download & Upload:

  1. Download the b Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the b-blocks.zip file and click on Install Now
  4. Activate the plugin and Enjoy!


  1. Download and upload the b Blocks plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

Use Block:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Add one or more blocks from block category called B Block in Gutenberg editor
  3. Enjoy!


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.

Where can I get support?

You can post your questions on the support forum here




“b Blocks – Page Builder Addons for Gutenberg” 是开源软件。 以下人员对此插件做出了贡献。




  • 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