Title: bBlocks – Essential Gutenberg Blocks & Patterns Collection
Author: bPlugins
Published: 26 de enero, 2021
Last modified: 24 de agosto, 2026
---
Search plugins
# bBlocks – Essential Gutenberg Blocks & Patterns Collection
By [bPlugins](https://profiles.wordpress.org/bplugins/)
[Download](https://downloads.wordpress.org/plugin/b-blocks.2.1.2.zip)
* [Details](https://pe.wordpress.org/plugins/b-blocks/#description)
* [Reviews](https://pe.wordpress.org/plugins/b-blocks/#reviews)
* [Installation](https://pe.wordpress.org/plugins/b-blocks/#installation)
* [Development](https://pe.wordpress.org/plugins/b-blocks/#developers)
[Support](https://wordpress.org/support/plugin/b-blocks/)
## Description
**bBlocks – Advanced Gutenberg Blocks Plugin to Extend the WordPress Block Editor
with Page Builder Features, 80+ Customizable Blocks, Layout Controls, Animations,
Sliders, Countdowns, and More**
[**bBlocks**](https://bblockswp.com/) | [**Documentation**](https://bblockswp.com/docs/)
| [**Pricing**](https://bblockswp.com/pricing) | [**Support**](https://bplugins.com/support/)
| [**Demo**](https://bblockswp.com/#demos)
[**bBlocks**](https://bblockswp.com/) is a lightweight and flexible Gutenberg plugin
that transforms the native block editor into a powerful page builder for WordPress.
Designed with performance and usability in mind, bBlocks extends the capabilities
of core blocks by adding 80+ custom elements, pre-built Gutenberg templates, and
flexible layout options—all without the need for bulky third-party tools.
Whether you’re building a landing page, blog layout, portfolio, or full website,
bBlocks helps you design faster using customizable blocks, reusable patterns, and
layout-ready components. It’s an ideal page builder for Gutenberg users who want
more control while keeping their sites fast and efficient.
### Key Features – Free Version
* **80+ Custom Blocks**: Enhance your content with blocks for Posts, Sliders, Buttons,
Countdowns, Cards, Charts, and more.
* **Advanced Block Customization**: Adjust typography, spacing, color, and visibility.
Fine-tune every block to match your brand identity.
* **Pre-Designed Layouts & Themes**: Many blocks include layout presets and Gutenberg
templates for faster page creation.
* **Custom Icon Library**: Access a wide range of icons, including Font Awesome
and Bootstrap, to personalize your designs.
* **Google Fonts Support**: Use any Google Font directly within the block typography
settings.
* **Performance-Optimized**: Minimal CSS and JS ensures faster loading and better
compatibility with default blocks and themes.
* **Reusable Patterns**: Combine blocks into reusable patterns for consistent,
site-wide layouts.
### Pro Features – Unlock Advanced Block Controls
Upgrade to [**bBlocks Pro**](https://bblockswp.com/pricing) for advanced layouts,
styling controls, device visibility, and interactive options on your most-used Gutenberg
blocks.
### Posts Block Pro
Extra grid, list, and ticker layouts, pages as posts, tag and custom taxonomy filters,
post offset, include/exclude by ID, exclude current post, numbered pagination, element
sorting, taxonomies and custom icons in post meta, reading time, excerpt from content,
custom featured image sizes, read more positioning, shortcode support, and the `
b_blocks_posts_query` filter hook.
### Countdown Block Pro
Post-expiration message or layout, hide at zero, dismiss button, prefix and suffix
text or buttons with direction control, per-unit box styling for digits and labels,
device visibility for mobile and tablet, extra countdown patterns, and shortcode
support.
### Slider Block Pro
Cube, Coverflow, Flip, and Card effects, free mode with sticky slides, slide borders,
autoplay delay, reverse and stop-on-last-slide, pause on hover, keyboard and mousewheel
navigation, device-specific navigation and pagination, wrapper styling, and shortcode
support.
### Image Comparison Block Pro
Label positioning, custom divider line shape, size, and color, styled handler and
icon colors, auto-slide with speed control, and move on hover or click with stop
on hover.
### Button Block Pro
Link or popup actions, popups for images, video, audio, iframes, block content,
and documents (.pdf, .doc, .xlsx), password or login protected popups, rel and referrer
attributes, custom download file names, icon positioning, tooltip placement, and
device visibility.
### Lottie Player Block Pro
Upload Lottie JSON files from the media library, hover triggers, bounce or normal
modes, direction and loop count, speed and autoplay interval, interactivity rules,
open links in a new tab, and full caption typography, spacing, and color controls.
[**Try the Pro Version**](https://bblockswp.com/pricing) – Unlock all premium features
today!
### Available Blocks
bBlocks adds over 80+ custom blocks to your Gutenberg block editor, designed to
extend the functionality of core blocks and help you build engaging layouts with
ease. Below is a list of all available blocks, each offering intuitive controls
and flexible design options:
* [**Row Columns**](https://bblockswp.com/blocks/row-columns/): Create responsive
multi-column layouts with flexible width, spacing, and alignment options. Ideal
for building custom grid structures.
* [**Container**](https://bblockswp.com/blocks/container/): Group multiple blocks
into a single styled section. Add background color, borders, padding, and other
visual adjustments.
* [**Section Heading**](https://bblockswp.com/blocks/section-heading/): Add a styled
section title with optional separator and description. Easily toggle the visibility
of each element.
* [**Shape Divider**](https://bblockswp.com/blocks/shape-divider/): Add decorative
shape dividers between sections for smooth visual transitions.
* [**Advanced Image**](https://bblockswp.com/blocks/advanced-image/): Display a
custom image or dynamic post featured image with advanced styling options like
hover effects, borders, and overlays.
* [**Accordion Block**](https://bblockswp.com/blocks/accordion-block/): Create
collapsible sections with custom titles and content. Perfect for FAQs, accordions,
or collapsible content.
* [**Advanced Tabs**](https://bblockswp.com/blocks/advanced-tabs/): Add multiple
tabs with custom titles and content. Perfect for creating tabbed content sections.
* **Breadcrumb**: Add a breadcrumb navigation to your site to help users navigate
back to previous pages.
* [**Video**](https://bblockswp.com/blocks/video/): Embed self-hosted or external
video content in a beautifully designed video player with optional poster image
and controls.
* [**GIF Image**](https://bblockswp.com/blocks/gift-image/): Upload and showcase
animated GIFs to add dynamic visuals to your content.
* [**Image Gallery**](https://bblockswp.com/blocks/image-gallery/): Display a collection
of images in a stylish, responsive gallery layout. Great for portfolios or product
showcases.
* [**Image Comparison**](https://bblockswp.com/blocks/image-comparison/): Visually
compare two images with a draggable slider. Perfect for before/after effects.
* [**Image Slider**](https://bblockswp.com/blocks/image-slider/): Image carousel
with thumbnail navigation, captions, autoplay, lightbox, and touch swipe.
* [**Lottie Player**](https://bblockswp.com/blocks/lottie-player/): Embed lightweight,
interactive animations using Lottie JSON files. Supports autoplay, hover triggers,
and speed control.
* [**List**](https://bblockswp.com/blocks/list/): Display a list of items with
custom markers, icons, and styles.
* [**3D Viewer**](https://bblockswp.com/blocks/3d-viewer/): Display 3D model files
directly on your page with rotation, zoom, and full interaction support.
* [**Slider**](https://bblockswp.com/blocks/slider/): Create responsive image or
content sliders with pagination, navigation, and animation effects.
* [**Flip Boxes**](https://bblockswp.com/blocks/flip-box/): Add interactive flip
cards with front and back content, ideal for showcasing features or team members
with engaging motion.
* [**Carousel**](https://bblockswp.com/blocks/carousel/): Modern carousel for showcasing
content. Supports unlimited slides with complete block flexibility inside.
* [**Form**](https://bblockswp.com/blocks/form/):Create Beautiful and Professional
Login and Register Forms.
* [**Countdown**](https://bblockswp.com/blocks/countdown/): Display a live countdown
timer for events, sales, or launches with custom styling and behavior options.
* [**Counters**](https://bblockswp.com/blocks/counters/): Show animated numeric
counters to highlight statistics, milestones, or achievements.
* [**Alert**](https://bblockswp.com/blocks/alert/): Display styled notification
boxes to inform, warn, or alert users. Supports different message types and icons.
* **Blockquote**: Styled pull-quote with accent bar, quote mark, and author details.
* [**Button**](https://bblockswp.com/blocks/button/): Add multi-functional buttons
like go to a link, open a popup with various content types, etc.
* [**Button Group**](https://bblockswp.com/blocks/button-group/): Place two or
more action buttons side by side. Useful for calls-to-action like “Learn More”
and “Buy Now”.
* [**Animated Text**](https://bblockswp.com/blocks/animated-text/): Make text stand
out with typing effects, text shuffles, and other animated styles.
* [**Icon Box**](https://bblockswp.com/blocks/icon-box/): Combine icons with titles
and descriptions in customizable layouts. Choose from Font Awesome, Bootstrap,
or custom icons.
* [**Feature Boxes**](https://bblockswp.com/blocks/feature-boxes/): Highlight features
or services using an icon/image, title, separator, and supporting text.
* [**Info Box**](https://bblockswp.com/blocks/info-box/): Share additional information
or tips inside a clean, styled content block.
* [**Pricing Table**](https://bblockswp.com/blocks/pricing-table/): Build pricing
plans with features, pricing, and call-to-action buttons, perfect for product
or service pages.
* [**Price Lists**](https://bblockswp.com/blocks/price-lists/): Display menu items
or pricing options with images, titles, descriptions, and prices.
* [**Posts**](https://bblockswp.com/blocks/posts/): Display your latest posts or
custom post types in grid or masonry layouts with filtering, pagination, and
excerpt controls.
* [**Chart**](https://bblockswp.com/blocks/chart/): Visualize data using bar, line,
or pie charts. Fully responsive and customizable for infographics or analytics.
* [**QR Code**](https://bblockswp.com/blocks/qr-code/): Generate a QR code from
any URL or text input. Useful for offline promotions and instant access links.
* [**Mail To**](https://bblockswp.com/blocks/mail-to/): Add a one-click email action
that opens the user’s mail app (Gmail, Outlook, Yahoo, etc.) prefilled with your
address.
* [**Social Share**](https://bblockswp.com/blocks/social-share/): Enable sharing
of your content across social media platforms and messaging apps with styled
buttons.
* [**Star Rating**](https://bblockswp.com/blocks/star-rating/): Display customer
reviews or feedback with an interactive star rating block.
* [**Services**](https://bblockswp.com/blocks/services/): Present your service
offerings in a structured layout with icon, title, and description.
* [**Team Members**](https://bblockswp.com/blocks/team-member/): Introduce your
team with member profiles including photo, name, title, bio, and social links.
* [**Cards**](https://bblockswp.com/blocks/cards/): Create content cards that combine
an image, heading, description, and footer, perfect for features or blog highlights.
* [**bBlocks Navigation**](https://bblockswp.com/blocks/bblocks-navigation/): Add
a custom navigation menu inside your page layout for a better user experience
and in-page linking.
* [**Facebook Page**](https://bblockswp.com/blocks/facebook-page/): Display your
Facebook page feed in a styled block.
* [**Facebook Embed**](https://bblockswp.com/blocks/facebook-embed/): Embed any
Facebook post or video in your content.
* [**Logo Slider**](https://bblockswp.com/blocks/logo-slider/): Create a responsive
logo slider for your brand or partner logos.
* **Stat Cards**: Responsive stat grid with big numbers, labels, and trend badges.
* **Article Card**: Article preview card with image, badge, excerpt, and CTA button.
* [**Image Hotspot**](https://bblockswp.com/blocks/image-hotspot/): Add interactive
hotspots to your images with custom tooltips and links.
* [**Content Ticker**](https://bblockswp.com/blocks/content-ticker/): Display a
scrolling list of content items with custom styling and behavior options.
* [**Dual Color Heading**](https://bblockswp.com/blocks/dual-color-heading/): Add
a styled heading with a dual-color gradient effect.
* [**Emoji Stack Separator**](https://bblockswp.com/blocks/emoji-stack-separator/):
Add a styled separator with a stack of emojis.
* [**HTML**](https://bblockswp.com/blocks/html/): Add custom HTML code to your
page or post.
* [**Image Scroller**](https://bblockswp.com/blocks/image-scroller/): Create a
responsive image scroller with custom styling and behavior options.
* [**News Ticker**](https://bblockswp.com/blocks/news-ticker/): Display a scrolling
list of news items with custom styling and behavior options.
* [**SVG Draw**](https://bblockswp.com/blocks/svg-draw/): Add a styled SVG draw
animation to your page or post.
* [**Stacked Cards**](https://bblockswp.com/blocks/stacked-cards/): Layered card
stack that stays sticky while visitors scroll.
* [**Skill Bar**](https://bblockswp.com/blocks/skill-bar/): Add a styled skill
bar with custom styling and behavior options.
* [**Table Of Content**](https://bblockswp.com/blocks/table-of-content/): Add a
styled table of contents with custom styling and behavior options.
* [**Testimonials**](https://bblockswp.com/blocks/testimonial/): Display a scrolling
list of testimonials with custom styling and behavior options.
* [**Scroll To Top**](https://bblockswp.com/blocks/scroll-to-top/): Enhance user
experience with a fully customizable Scroll To Top button for smooth navigation.
* [**Text Path**](https://bblockswp.com/blocks/text-path/): Craft eye-catching
text paths with interactive visual effects.
* [**Toggle Content**](https://bblockswp.com/blocks/toggle-content/): A clean toggle
switch lets users click to switch between two content sections below the heading.
* **Process Steps**: Numbered «How It Works» steps in grid or stack layouts.
* **Media & Text Section**: Pair an image or video with a responsive content panel.
* **Event Card**: Announce events with date, location, ticket CTA, and schema.org
markup.
* **Key Takeaways**: Article summary card listing key points as checkmarks, numbers,
or bullets.
* **Search Bar**: Styled search form with optional live, accessible search suggestions.
* **Expand Content**: Wrap any content in a collapsible «Show More» reveal with
a soft fade preview — accessible, keyboard-safe, and auto-hides when content
already fits.
* **Divider**: Styleable section rule, plain or with a centered icon or label.
* **Interactive Checklist**: Create a customizable checklist with progress tracking
and saved completion state that persists across page visits.
* **Hero Section**: Create a full-width hero section with headlines, CTA buttons,
and customizable image, video, gradient, or solid backgrounds.
* **File Download Card**: Download card with file badge, size, and button for PDFs
and ZIPs.
* **Off-Canvas Drawer**: Add a customizable sliding side panel for navigation,
menus, filters, announcements, or any content, with an accessible trigger button
and smooth animations.
* **Audio Player**: Embed a customizable audio player with album art, track details,
playback controls, and optional download support—perfect for music, podcasts,
interviews, and voice recordings.
### How to Use bBlocks- Quick Start Guide
Getting started is easy!
1. Install and activate the **bBlocks** – Page Builder
for Gutenberg plugin. 2. In the **Gutenberg editor**, find your blocks under the«**
bBlocks**» category. 3. Add blocks to your page or post and configure settings from
the right-hand panel. 4. Save and publish your design.
[**Live Demo**](https://bblockswp.com/#demos) | [**Try The Pro**](https://bblockswp.com/pricing)
### Compatibility
bBlocks works seamlessly with:
* All modern WordPress themes that support Gutenberg
* Full Site Editing (FSE) themes
* Reusable blocks and block-based patterns
* Existing default blocks and core blocks
### Ideal For
* Bloggers and content creators
* Agencies and freelancers
* Developers looking for a lightweight Gutenberg page builder
* Anyone who prefers native WordPress blocks over external page builders
### User Feedback
#### ⭐⭐⭐⭐⭐ [Very complete!](https://wordpress.org/support/topic/very-complete-34/)
❛❛**_Very complete plugin._**❜❜
**_–[aprop](https://profiles.wordpress.org/aprop/)_**
#### ⭐⭐⭐⭐⭐ [Easy, time saving](https://wordpress.org/support/topic/easy-time-saving/)
❛❛**_I recently started using the bBlocks plugin and it has made a huge difference
in the quality and functionality of my WordPress websites. The Ultimate Block Collection
is truly a timesaver and – it includes a wide range of blocks that have helped me
create more interesting dynamic pages._**❜❜
**_–[cjvalotta](https://wordpress.org/support/users/cjvalotta/)_**
#### ⭐⭐⭐⭐⭐ [OUTSTANDING](https://wordpress.org/support/topic/outstanding-566/)
❛❛**_This plugin set has it all and it all works outstanding. I am completely in
love with all the options. Thank you so very much. AMAZING WORK!_**❜❜
**_–[jiggyjaeg](https://profiles.wordpress.org/jiggyjaeg/)_**
#### ⭐⭐⭐⭐⭐ [bBlocks from bPlugins is amazing.](https://wordpress.org/support/topic/b-blocks-from-bplugins-is-amazing/)
❛❛**_I just wanted to say that if you are looking for the best block plug-in collection
then you need not look any further. This is the ultimate block collection. Highly
recommended._**❜❜
**_–[Sigurgeir](https://profiles.wordpress.org/sigurgeir/)_**
#### ⭐⭐⭐⭐⭐ [Very useful](https://wordpress.org/support/topic/very-useful-2920/)
❛❛**_I think this is something new. But very good. Many more will be using it soon.
And it will have plenty of five-star ratings._**❜❜
**_–[bzpr123pt](https://wordpress.org/support/users/bzpr123pt/)_**
#### – Did you like this plugin? Dislike it? Have a feature request? [Please share your feedback with us](https://pe.wordpress.org/plugins/b-blocks/support@bplugins.com?output_format=md)
### Check out our other WordPress Plugins-
[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display
videos as single and playlist in multiple skins.
[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF
files with different styles.
[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen
audios with awesome visuals.
[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable
radio player with different skins.
[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and
3D products with interaction.
[**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) –
Show posts and custom posts in different layouts.
### External Services
This plugin connects to the following third-party services under specific circumstances:
**bPlugins Template Library** (`https://templates.bplugins.com`)
Used to fetch
pre-designed block patterns and page templates when an editor opens the Template
Library panel inside the block editor. No data is sent — the plugin issues a read-
only GET request. Requests are only made when a logged-in editor with `edit_posts`
capability explicitly opens the Template Library, and all requests are nonce-protected.
Privacy policy: https://bplugins.com/privacy-policy/
**OpenAI API** (`https://api.openai.com`)
Used by the AI Content Generator feature
to generate block content from a prompt. This feature only activates after a site
administrator explicitly enters their own OpenAI API key in the bBlocks settings
panel. The text prompt entered by the editor is sent to OpenAI’s servers for processing.
No data is sent automatically or without the administrator’s deliberate opt-in.
OpenAI Privacy Policy: https://openai.com/policies/privacy-policy/ OpenAI Terms
of Service: https://openai.com/policies/terms-of-use/
**Google Maps Platform** (`https://maps.googleapis.com`)
Used by the Google Map
block to render interactive maps, geocode addresses, autocomplete place searches
and calculate routes. This only activates after a site administrator explicitly
enters their own Google Maps API key in the bBlocks settings panel. When a visitor
views a page containing an interactive map, their browser loads Google’s Maps JavaScript
API and Google receives the request (including IP address) as it would for any embedded
map. Blocks using the classic embed-URL mode, and blocks on sites with no key configured,
make no request at all. Google Privacy Policy: https://policies.google.com/privacy
Google Maps Platform Terms: https://cloud.google.com/maps-platform/terms
**Freemius** (license management)
License validation and update checks for the
Pro version are handled by Freemius. Freemius collects basic environment data as
described in their privacy policy. Freemius Privacy Policy: https://freemius.com/
privacy/
## Screenshots
[⌊Posts- Grid- Default layout⌉⌊Posts- Grid- Default layout⌉[
Posts- Grid- Default layout
[⌊Posts- Grid- Title Meta layout, Customize⌉⌊Posts- Grid- Title Meta layout, Customize⌉[
Posts- Grid- Title Meta layout, Customize
[⌊Posts- Slider- Overlay layout⌉⌊Posts- Slider- Overlay layout⌉[
Posts- Slider- Overlay layout
[⌊Posts- Slider- Overlay Box layout⌉⌊Posts- Slider- Overlay Box layout⌉[
Posts- Slider- Overlay Box layout
[⌊Posts- Masonry- Overlay layout⌉⌊Posts- Masonry- Overlay layout⌉[
Posts- Masonry- Overlay layout
[⌊Posts- Masonry- Overlay Box layout⌉⌊Posts- Masonry- Overlay Box layout⌉[
Posts- Masonry- Overlay Box layout
[⌊Slider- Default, Image Background⌉⌊Slider- Default, Image Background⌉[
Slider- Default, Image Background
[⌊Slider- Image Slider⌉⌊Slider- Image Slider⌉[
Slider- Image Slider
[⌊3D Viewer⌉⌊3D Viewer⌉[
3D Viewer
[⌊Image Gallery⌉⌊Image Gallery⌉[
Image Gallery
[⌊Image Comparison⌉⌊Image Comparison⌉[
Image Comparison
[⌊Flip Boxes⌉⌊Flip Boxes⌉[
Flip Boxes
[⌊Team Members⌉⌊Team Members⌉[
Team Members
[⌊Team Members- Horizontal layout⌉⌊Team Members- Horizontal layout⌉[
Team Members- Horizontal layout
[⌊Cards- Default⌉⌊Cards- Default⌉[
Cards- Default
[⌊Cards- Horizontal layout⌉⌊Cards- Horizontal layout⌉[
Cards- Horizontal layout
[⌊Pricing Table⌉⌊Pricing Table⌉[
Pricing Table
[⌊Pricing Table- Ultimate Style⌉⌊Pricing Table- Ultimate Style⌉[
Pricing Table- Ultimate Style
[⌊Price Lists⌉⌊Price Lists⌉[
Price Lists
[⌊Price Lists- Horizontal layout⌉⌊Price Lists- Horizontal layout⌉[
Price Lists- Horizontal layout
[⌊Feature Boxes⌉⌊Feature Boxes⌉[
Feature Boxes
[⌊Info Box⌉⌊Info Box⌉[
Info Box
[⌊Lottie Player⌉⌊Lottie Player⌉[
Lottie Player
[⌊Countdown- Default, Layout 1⌉⌊Countdown- Default, Layout 1⌉[
Countdown- Default, Layout 1
[⌊Countdown- Layout 2, 3⌉⌊Countdown- Layout 2, 3⌉[
Countdown- Layout 2, 3
[⌊Counters- Default, Theme 2⌉⌊Counters- Default, Theme 2⌉[
Counters- Default, Theme 2
[⌊Counters- Theme 3⌉⌊Counters- Theme 3⌉[
Counters- Theme 3
[⌊Mail To⌉⌊Mail To⌉[
Mail To
[⌊Alert⌉⌊Alert⌉[
Alert
## Blocks
This plugin provides 86 blocks.
* File Download Card A single-file download card with a file-type badge, title,
size, and download button.
* Stacked Cards Create interactive stacked card layouts that stay sticky while
scrolling. The Stacked Cards block helps you present content in a layered, engaging
format that enhances the user experience as visitors navigate your page.
* Logo Slider Logo sliders are often used on websites and blogs to showcase a
company's clients, partners, or sponsors.
* Feature Boxes Display Feature boxes section.
* bBlocks Navigation Display navigation in your website with stunning & organized
appearance.
* WhatsApp Chat Add a fully customizable WhatsApp Chat button to turn visitor
hesitation into customer confidence.
* Event Card A single event announcement card with title, date/time, location,
description, and a ticket CTA. Optionally outputs schema.org Event JSON-LD for
Google rich results.
* Expand Content Wrap any inner blocks in a collapsible reveal. The first portion
is visible behind a fade overlay and a Show More / Show Less button toggles the
rest. Accessible and reduced-motion aware.
* Table Make responsive and feature-rich tables on the go with B Blocks Table,
offering styling, typography, and layout options tailored for modern web design.
* Image Gallery Display Multiple Images as Gallery.
* Form Create Beautiful and Professional Login, Register or any other custom
Forms easily with a few clicks.
* Hero Section Landing-page hero with an eyebrow, headline, sub-headline, and
a CTA button.
* Video A Simple, accessible, Easy to Use & fully Customizable video player.
* Facebook Embed Facebook Embed allows you to facebook posts, videos on your
website or blog.
* Key Takeaways A titled summary card listing the most important points of an
article as a checkmark, numbered, or bullet list. Built for the blog "Key Takeaways"/"
TL;DR" pattern with heading, accent color, icon, and full typography controls.
* 3D Viewer Display interactive 3D models on the web
* Animated Text Apply animation on any text.
* Stat Cards Display a static, responsive grid of impact stat cards — a big number
with prefix/suffix, label, optional trend badge, description, and per-card link.
No JavaScript.
* Comparison Table Compare plans side by side with check, cross, or text cells
and a highlighted featured column.
* SVG Draw Add animated SVG drawings to your content with customizable paths,
timing, and effects.
* News Ticker Display a scrolling news ticker with posts from any post type
* Interactive Checklist A titled checklist of tickable items that visitors can
check off, with their progress remembered in the browser via localStorage, an
optional live completion indicator, and a reset button. Works without JavaScript
using native checkbox inputs.
* Content Ticker Content Ticker will let you showcase your trending news.
* Services Services section for web page.
* Blockquote Styled blockquote with an accent bar or large decorative quote-mark,
optional author photo, name, and role — the designer alternative to the core
Quote block.
* Skill Bar Display skills with customizable progress bars, multiple themes and
templates.
* Scroll To Top Enhance user experience with a fully customizable Scroll To Top
button for smooth navigation.
* Counters Display Number as animated counter.
* Advanced Image A block that allows for advanced image handling with custom
features.
* Input Field Form Input Field
* Info Box Display information in box style.
* Chart Graphical representation for data visualization.
* Media & Text Section A two-panel image/video beside rich content section with
sticky media, image effects, per-panel styling, and responsive stacking.
* Breadcrumb Show a breadcrumb navigation trail for better navigation
* HTML Use the HTML block to add and preview HTML code in your posts or pages,
enhancing your website's content and functionality.
* List A customizable list block with support for icons, custom markers, and
flexible layouts.
* Image Scroller A dynamic image scroller that smoothly scrolls images on hover,
featuring customizable speed, easing, and options for vertical or horizontal
scrolling.
* Star Rating Gutenberg editing with easy-to-use, responsive star-rating more.
* Button Group Display Dual Button.
* Timeline A vertical timeline block for events, history, and roadmaps with auto-
alternating left/right layout.
* Posts Display blog posts.
* Social Share Share your website/website-page link.
* QR Code Show QR Code in posts and pages.
* Emoji Stack Separator A full-width emoji stack separator with customizable
emoji and height
* Text Path Craft eye-catching text paths with interactive visual effects.
* Image Comparison Compare between two images.
* Google Map A fully interactive Google Map: custom markers with rich info windows,
clustering, category filtering, map themes, traffic/transit/KML/GeoJSON layers,
shapes, directions, search and geolocation — plus the classic embed-URL mode.
* Lottie Player Lottie player for display lottie files.
* Shape Divider Create unique and visually appealing dividers.
* Price Lists Display Price lists section.
* Advanced Tabs Display content in responsive, customizable tabs with support
for nested blocks and flexible layouts.
* Article Card A single static article, resource, or featured-page preview card—
image, category badge, heading, excerpt, optional meta line, and CTA link — in
horizontal or vertical layout. No JavaScript required.
* Facebook Page The Facebook Page Block allows you to embed your Social Media
on your WordPress website.
* Image Hotspot Image Hotspot allows you to add interactive hotspots to your
images.
* Section Heading Display heading before section.
* Toggle Content A clean toggle switch lets users click to switch between two
content sections below the heading.
* Carousel Modern carousel for showcasing content. Supports unlimited slides
with complete block flexibility inside.
* Testimonials Boost your website's credibility with b testimonials block, effortlessly
showcasing customer ratings and reviews.
* Accordion Block A customizable accordion block with multiple themes and templates
* Row Implement row and column layout.
* Pricing Table Display product prices as a table.
* Audio Player A custom-styled HTML5 audio player with bar, card, sound-bars,
vinyl, coverflow and playlist themes.
* Button Implement multi-functional button.
* Gif Image Embed gif image.
* Container A versatile block for grouping and styling multiple blocks.
* Off-Canvas Drawer A slide-in drawer panel triggered by a button. Compose any
blocks inside. Accessible focus trap, Escape to close, backdrop dismissal, and
reduced-motion aware.
* Mail To Mail with a single click.
* Slider Display image and content slider.
* Team Members Display Team members section.
* Divider Add a customizable inline divider between paragraphs and sections.
Choose a plain line, centered icon, or text label, with options for line style,
color, thickness, width, alignment, and spacing.
* Countdown Display events date into a timer.
* Process Steps Build a numbered "How it works" section. Drop in 3–6 steps with
title, description, icon or number badge, and a connector line. Horizontal or
vertical layout, fully responsive, accessible semantics.
* Alert Provide contextual feedback messages.
* Flip Boxes Display Flip boxes section.
* Icon Box Display awesome icon in a box.
* Cards Provide cards to display anything.
* Dual Color Heading Highlight content heading with different colors.
* Table of Contents The Table of Contents block automatically generates a table
of contents for your WordPress post or page.
* Table Body Make responsive and feature-rich tables on the go with B Blocks
Table, offering styling, typography, and layout options tailored for modern web
design.
* Column Column of the row.
* Table Head Make responsive and feature-rich tables on the go with B Blocks
Table, offering styling, typography, and layout options tailored for modern web
design.
* Table Row Make responsive and feature-rich tables on the go with B Blocks Table,
offering styling, typography, and layout options tailored for modern web design.
* Table Footer Make responsive and feature-rich tables on the go with B Blocks
Table, offering styling, typography, and layout options tailored for modern web
design.
* Service Service item for services section.
* Table Cell Make responsive and feature-rich tables on the go with B Blocks
Table, offering styling, typography, and layout options tailored for modern web
design.
* Carousel Slide Individual slide for a carousel. Add images, text, buttons,
videos — anything you need.
## Installation
### Automatic installation
1. Go to the Plugin menu and click on the **Add New** Button
2. Search for **bBlocks**
3. Install and activate the bBlocks plugin from there
### Download & Upload:
1. Download the **bBlocks** 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!
### Manually:
1. Download and upload the **bBlocks** 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 the block category called **bBlocks** in the Gutenberg
editor
3. Enjoy!
## FAQ
### How do I install this plugin?
You can install it as other regular WordPress plugins. No different way. Please
see on installation tab.
### Is bBlocks free?
Yes, bBlocks is a 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](https://wordpress.org/support/plugin/b-blocks/)
### How do I set up the Google Map block?
1. In Google Cloud console, create an API key and enable the **Maps JavaScript API**.
Also enable **Geocoding API** (address lookup), **Places API (New)** (the search
box) and **Directions API** (routes) if you use those features.
2. Create a **Map ID** under Google Maps Platform Map Management. Markers use Advanced
Markers, which require one.
3. Restrict the key: add an **HTTP referrer** restriction for your domain (`https://
example.com/*`) and an **API restriction** limiting it to the APIs above. The key
is visible in the page source of any site using Google Maps, so restricting it
is what keeps it from being abused.
4. Paste the key into **bBlocks Settings Google Maps**, then paste the Map ID into
the block’s Map Source panel.
Without a key the block still renders the address and an «Open in Google Maps» link,
so the page is never broken.
### Where do I report security bugs found in this plugin?
Please report security bugs found in the source code of the bBlocks plugin through
the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fbc32-7c9b-43f0-8095-b109c089829f).
The Patchstack team will assist you with verification, CVE assignment, and notify
the developers of this plugin.
## Reviews
### [Very complete!](https://wordpress.org/support/topic/very-complete-34/)
[aprop](https://profiles.wordpress.org/aprop/) 13 de abril, 2023
Very complete plugin.
### [Easy, time saving](https://wordpress.org/support/topic/easy-time-saving/)
[cjvalotta](https://profiles.wordpress.org/cjvalotta/) 22 de marzo, 2023
I recently started using the B Blocks plugin and it has made a huge difference in
the quality and functionality of my WordPress websites. The Ultimate Block Collection
is truly a timesaver and – it includes a wide range of blocks that have helped me
create more interesting dynamic pages.
### [OUTSTANDING](https://wordpress.org/support/topic/outstanding-566/)
[jiggyjaeg](https://profiles.wordpress.org/jiggyjaeg/) 9 de octubre, 2022
This plugin set has it all and it all works outstanding. I am completely in love
with all the options. Thank you so very much. AMAZING WORK!
### [Good so far](https://wordpress.org/support/topic/good-so-far-63/)
[petertau](https://profiles.wordpress.org/petertau/) 7 de julio, 2022
Needed a nice slider and this fit the bill. Very impressive configurability. Nice
Plug In, thanks.
### [Great plug in – but current update not working](https://wordpress.org/support/topic/great-plug-in-but-current-update-not-working/)
[mendicantsoul](https://profiles.wordpress.org/mendicantsoul/) 3 de mayo, 2022
I love this plug in – unfortunately since the update today is causes a critical
failure in my site so I’ve had to deactivate it – I’ve sent an email to let you
know.
### [B Blocks from bPlugins is amazing.](https://wordpress.org/support/topic/b-blocks-from-bplugins-is-amazing/)
[Sigurgeir](https://profiles.wordpress.org/sigurgeir/) 17 de abril, 2022
I just wanted to say that if you are looking for the best block plug-in collection
then you need not look any further. This is the ultimate block collection. Highly
recommended.
[ Read all 9 reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/)
## Contributors & Developers
“bBlocks – Essential Gutenberg Blocks & Patterns Collection” is open source software.
The following people have contributed to this plugin.
Contributors
* [ bPlugins ](https://profiles.wordpress.org/bplugins/)
* [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
* [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
* [ Murad Wahid ](https://profiles.wordpress.org/muradwahid/)
* [ K. M. Soriful Islam Adnan ](https://profiles.wordpress.org/adnankhan7792/)
* [ Freemius ](https://profiles.wordpress.org/freemius/)
[Translate “bBlocks – Essential Gutenberg Blocks & Patterns Collection” into your language.](https://translate.wordpress.org/projects/wp-plugins/b-blocks)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/b-blocks/), check out
the [SVN repository](https://plugins.svn.wordpress.org/b-blocks/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/b-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/b-blocks/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 2.1.2 – 24 August 2026
* Added: 2 new blocks
- Google Map
- Comparison Table
#### 2.1.1 – 02 August 2026
* Added: 4 new blocks
- Hero Section
- File Download Card
- Off-Canvas Drawer
- Audio Player
#### 2.1.0 – 26 July 2026
* Added: 10 new blocks
- Media & Text Section
- Expand Content
- Process Steps
- Blockquote
- Divider
- Key Takeaways
- Stat Cards
- Interactive Checklist
- Article Card
- Event Card
#### 2.0.44 – 18 June 2026
* Compatible apiVersion 3 Carousel Block.
#### 2.0.43 – 14 June 2026
* Compatible apiVersion 3 Table of Content, Video Block & Chart Block.
* Added Icon Size, Gap, and Unmarked Color settings to the Star Rating block.
* Added Icon Box Alignment option.
* Added Button Group layout option.
* Fixed Table Block issues.
* Added Flip Box direction option.
* Fixed column width drag & drop issue.
#### 2.0.42 – 08 June 2026
* Added Table Block.
* Fix minor bug.
#### 2.0.41 – 16 May 2026
* Minor bug fixed.
* Added Template Library pattern counts & template page counts.
* Fixed Template Library filter style issues.
#### 2.0.40 – 29 Apr 2026
* Added New WhatsApp Chat Block.
#### 2.0.39 – 27 Apr 2026
* Added Nested option for Table of Content Block.
#### 2.0.38 – 21 Apr 2026
* Fixed Text Path Block issues.
* Fixed Accordion Block border width.
* Fixed Breadcrumb Block typography issues.
* Fixed Facebook Page Block SDK.
* Fixed Facebook Embed Block SDK.
#### 2.0.37 – 15 Apr 2026
* Fixed Advanced Styles issue for Table of content block.
#### 2.0.36 – 01 Apr 2026
* Advanced Tabs Block Migrate frontend dynamic content.
#### 2.0.35 – 29 Mar 2026
* Added New Dashboard.
#### 2.0.34 – 6 Mar 2026
* Added Stacked Cards Block.
#### 2.0.33 – 3 Mar 2026
* Fixed Carousel Block issues.
#### 2.0.32 – 2 Mar 2026
* Added Full Flexbox controls for Row block.
#### 2.0.31 – 28 Feb 2026
* Added Carousel Block.
#### 2.0.30 – 19 Feb 2026
* Added Advanced Tabs Block.
* Added Breadcrumb Block.
* Fixed Cards frontend issues.
#### 2.0.29 – 30 Jan 2026
* Added Toggle Content Block.
#### 2.0.28 – 24 Jan 2026
* Fixed Button Block player autoplay issue.
#### 2.0.27 – 23 Jan 2026
* Added Text Path Block.
#### 2.0.26 – 17 Jan 2026
* Added Scroll To Top Block.
* Fixed Accordion Block issues.
* Fixed Container issues.
* Added Dual Color Heading alignment option.
#### 2.0.25 – 25 Dec 2025
* Added List Block.
* Fixed Template Library issues.
#### 2.0.24 – 19 Dec 2025
* Added Form Block.
#### 2.0.23 – 10 Dec 2025
* Added Facebook Page Block.
* Added Facebook Embed Block.
#### 2.0.22 – 4 Dec 2025
* Added Testimonials Block.
* Fixed Slider fade effect autoplay issue.
#### 2.0.21 – 2 Dec 2025
* Added Accordion Block.
* Added Skill Bar Block.
#### 2.0.20 – 23 Nov 2025
* Added News Ticker Block.
* Added Emoji Stack Separator Block.
#### 2.0.19 – 30 Oct 2025
* Added Ai Content Generator tool.
* Added color option for star rating.
#### 2.0.18 – 21 Oct 2025
* Added Image Scroller Block.
#### 2.0.17 – 16 Oct 2025
* Added option pause on hover for logo slider.
* Added Image Hotspot block.
* Fixed slider width issue.
* Fixed logo slider radius.
#### 2.0.16 – 7 Oct 2025
* Added Content ticker block.
* Fixed logo slider issues.
* Add easing option for the logo slider block.
#### 2.0.15 – 29 Sep 2025
* Added Logo Slider block.
* Fixed icon box extra space issue.
#### 2.0.14 – 21 Sep 2025
* Add Animation options for the Advanced Image block.
#### 2.0.13 – 21 Sep 2025
* Added SVG Draw block.
#### 2.0.12 – 13 Sep 2025
* Added Dual color heading block.
* Fixed Advanced Image width issue.
* Fixed Container Innerblock width issue.
* Fixed Row last column width issue.
#### 2.0.11 – 7 Sep 2025
* Added HTML Block.
* Added Pricing page in the Dashboard.
* More icon added on icon library
#### 2.0.10 – 1 Sep 2025
* Add hover shadow and border-color options for the Button block.
* Fixed icon box hover color.
* Fixed Cursor canvas pointer-event
* Fixed advanced gradient color
#### 2.0.9 – 30 Aug 2025
* Added Table of Content block.
* Added icon hover option in Team Members.
* Added margin for star rating.
#### 2.0.8 – 25 Aug 2025
* Added cursor shape and click effects.
* Fixed Flipbox title margin and added ItemsPanel.
* Fixed typography controls in Section Heading.
* Added image remove/replace option in Image Gallery.
* Added autoplay option to Button block.
#### 2.0.6 – 6 Aug 2025
* Fixed issues in the Button Block.
* Added advanced width and height controls.
* Fixed animation duration and delay settings.
#### 2.0.5 – 23 Jul 2025
* added advanced styles to the row and column block.
#### 2.0.4 – 21 Jul 2025
* Fix Button Block popup issue.
#### 2.0.3 – 19 Jul 2025
* Fix Typography issue.
* Update SDK.
#### 2.0.2 – 17 Jul 2025
* Fix Column Issue.
* Change the default colors.
#### 2.0.1 – 14 Apr 2025
* Sanitize input field.
* Fix RichText issue.
#### 2.0.0 – 23 Mar 2025
* Add Advanced Image and Navigation Block.
* New Dashboard.
#### 1.9.9 – 27 Jan 2025
* Update SDK.
#### 1.9.8 – 23 Nov 2024
* Fix Templates issue.
* Fix 3D Viewer zoom issue.
#### 1.9.7 – 20 Nov 2024
* Improve templates library
* Update Container Block
#### 1.9.6 – 22 Oct 2024
* Add Container and Icon Box block
#### 1.9.5 – 10 Oct 2024
* Update SDK.
#### 1.9.4 – 27 Aug 2024
* Add new features to the Cards block.
#### 1.9.3 – 06 Jul 2024
* Fix the Row block issue.
#### 1.9.2 – 22 May 2024
* Update Posts and Alert Blocks
#### 1.9.1 – 20 May 2024
* Update Lottie Player Block
#### 1.9.0 – 9 May 2024
* Update Image Compare Block
#### 1.8.9 – 7 May 2024
* Update Posts and Counter’s blocks
#### 1.8.8 – 24 Apr 2024
* Update Posts ( remove password filter ) and Slider blocks
#### 1.8.7 – 23 Mar 2024
* Update Posts block (password filter)
#### 1.8.6 – 12 Mar 2024
* Add Button Block
#### 1.8.5 – 20 Feb 2024
* Update Chart Block
* Add Upload Icon option in Flip Boxes block.
#### 1.8.4 – 17 Feb 2024
* Fix Admin Menu
#### 1.8.3 – 3 Feb 2024
* Update Slider Block
#### 1.8.2 – 25 Jan 2024
* Update Posts and Countdown Block
#### 1.8.1 – 1 Jan 2024
* Update Countdown Block
#### 1.8.0 – 20 Dec 2023
* Add Star Rating Block
* Add Template Library
#### 1.7.9 – 12 Dec 2023
* Update Font Awesome Library
* Update Posts Block
#### 1.7.8
* Add Shape Divider block
* Separate Block assets
#### 1.7.7
* Update Blocks
#### 1.7.6
* Fixed issue
#### 1.7.5
* Fixed for FSE
#### 1.7.4
* Update Posts
#### 1.7.3
* Fix issue
#### 1.7.2
* Assets load where block present
#### 1.7.1
* Update Posts, Alert, Cards, Feature Boxes, Flip Boxes, Image Gallery, Info Box,
Mail To, Row, Section Heading
#### 1.7.0
* Reduce dependencies
#### 1.6.9
* Add row-column block
#### 1.6.8
* Add translate feature
* Update Countdown block
#### 1.6.7
* Update Posts, Image Comparison, Team Members and Social Share blocks
#### 1.6.6
* Fix issue
#### 1.6.5
* Add Services, Video blocks
* Update Countdown, Lottie Player, Chart, Animated Text, Pricing Table, Social
Share and Counters blocks
#### 1.6.4
* Update Image Comparison blocks
#### 1.6.3
* Update Slider and Flip Boxes blocks
#### 1.6.2
* Update Posts blocks
#### 1.6.1
* Update Slider and Team Members blocks
#### 1.6.0
* Update Posts and Slider blocks
#### 1.5.9
* Gradient Picker fixing
* Update Chart, Posts, and Slider blocks
#### 1.5.8
* Update Posts block
#### 1.5.7
* Add Pricing Table block
#### 1.5.6
* Add 3D Viewer, Animated Text, and Social Share blocks
#### 1.5.5
* Performance Upgrade
* Add Counters Block
#### 1.5.4
* Update Posts, Slider, Section Heading, Image Gallery, Image Comparison, Team
Members, Price Lists, Info Box, Lottie Player, Mail-To, Gif, QR Code blocks
#### 1.5.3
* Add Chart Block
* Update Cards, Feature Boxes, Flip Boxes blocks
#### 1.5.2
* Add Alert Block
* Update Button Group and Countdown
#### 1.5.1
* Fix content & css issues
#### 1.5
* Add Lottie Player Block
* Update Posts, Slider, Section Heading, Image Gallery, Image Comparison, Flip
Boxes, Team Members, Price Lists, Feature Boxes, Info Box, Button Group, Countdown,
Cards, Mail To, GIF, and QR Code blocks
#### 1.4
* Add Image Comparison, Team Members and Flip Boxes blocks
* Update Posts Block
#### 1.3
* Add Button Group and Countdown blocks
#### 1.2
* Add Image Gallery and Info Box blocks
* Responsive for the Price Lists and Feature Boxes
#### 1.1
* Add Price Lists and Feature Boxes blocks
* Compatible with PHP 5.4
#### 1.0
* Initial Release.
## Meta
* Version **2.1.2**
* Last updated **4 días ago**
* Active installations **700+**
* WordPress version ** 6.7 or higher **
* Tested up to **6.9.7**
* PHP version ** 7.2 or higher **
* Language
* [English (US)](https://wordpress.org/plugins/b-blocks/)
* Tags
* [block](https://pe.wordpress.org/plugins/tags/block/)[editor](https://pe.wordpress.org/plugins/tags/editor/)
[gutenberg blocks](https://pe.wordpress.org/plugins/tags/gutenberg-blocks/)[gutenberg page builder](https://pe.wordpress.org/plugins/tags/gutenberg-page-builder/)
[page builder](https://pe.wordpress.org/plugins/tags/page-builder/)
* [Advanced View](https://pe.wordpress.org/plugins/b-blocks/advanced/)
## Ratings
5 out of 5 stars.
* [ 8 5-star reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/b-blocks/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/b-blocks/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/b-blocks/reviews/)
## Contributors
* [ bPlugins ](https://profiles.wordpress.org/bplugins/)
* [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
* [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
* [ Murad Wahid ](https://profiles.wordpress.org/muradwahid/)
* [ K. M. Soriful Islam Adnan ](https://profiles.wordpress.org/adnankhan7792/)
* [ Freemius ](https://profiles.wordpress.org/freemius/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/b-blocks/)
## Donate
Would you like to support the advancement of this plugin?
[ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)