=== B Blocks – Essential Gutenberg Blocks & Patterns Collection ===
Contributors: bplugins, abuhayat, charlescormier, muradwahid, adnankhan7792, freemius
Donate link: https://www.buymeacoffee.com/abuhayat
Tags: block, editor, gutenberg blocks, page builder, gutenberg page builder
Requires at least: 6.5+
Tested up to: 6.8
Stable tag: 2.0.21
Requires PHP: 7.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

B Blocks enhances the Gutenberg editor with over 50 custom blocks for layout, content, and design, turning it into a powerful WordPress page builder

== Description ==
**B Blocks – Advanced Gutenberg Blocks Plugin to Extend the WordPress Block Editor with Page Builder Features, 50+ Customizable Blocks, Layout Controls, Animations, Sliders, Countdowns, and More**


[**B Blocks**](https://bblockswp.com/) | [**Documentation**](https://bblockswp.com/docs/) | [**Pricing**](https://bblockswp.com/pricing) | [**Support**](https://bplugins.com/support/) | [**Demo**](https://bblockswp.com/#demos)

https://www.youtube.com/watch?v=Ml4UehEwI-s

[**B Blocks**](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, B Blocks extends the capabilities of core blocks by adding 50+ 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, B Blocks 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
- **50+ 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 [**B Blocks Pro**](https://bblockswp.com/pricing) to supercharge specific blocks with advanced layout settings, styling controls, device visibility options, and interactive enhancements. These premium features are perfect for building more dynamic, flexible, and professional-looking pages using the Gutenberg editor.

### Posts Block
Enhance your content display with rich layout options and advanced filtering:

- **Layouts & Sub-Layouts**: Unlock more grid, list, and ticker layouts.
- **Pages as Posts**: Easily display pages alongside posts.
- **Tag & Custom Taxonomy Filters**: Filter by tags or any custom taxonomy.
- **Post Offset**: Skip the first N posts—great for creating featured sections.
- **Include/Exclude by ID**: Show or hide specific posts using their IDs.
- **Exclude Current Post**: Useful for post templates—avoid duplication.
- **Custom Pagination**: Add numbered pagination below your post grid.
- **Element Sorting**: Reorder title, meta, excerpt, and other elements.
- **Meta Icons & Author Link Toggle**: Use custom icons and control author link visibility.
- **Taxonomies in Meta**: Display tags or categories inside post meta.
- **Reading Time**: Auto-display estimated reading time.
- **Excerpt from Content**: Show an excerpt pulled directly from the content body.
- **Feature Image Size**: Choose from predefined or custom image sizes.
- **Ticker Layout Options**: Get more control over ticker animations and styles.
- **Read More Positioning**: Control the position of the read more link/button.
- **Shortcode Support**: Use the Posts block anywhere via shortcode.
- **Query Filter Hook**: Use b_blocks_posts_query for custom query modifications.

### Countdown Block
Create urgency and time-sensitive offers with deeper control:

- **Post-Expiration Display**: Show a custom message or layout after the countdown ends.
- **Hide at Zero**: Automatically hide the block when the timer ends.
- **Device Visibility**: Show or hide the countdown on mobile or tablet.
- **Prefix & Suffix Options**: Add text or a button before/after the timer with custom styling.
- **Prefix/Suffix Direction**: Define the layout flow (horizontal/vertical).
- **Individual Box Styling**: Style each countdown unit separately (digit, label, background).
- **Dismiss Button**: Let users hide the countdown manually.
- **Extra Patterns**: Access a library of unique countdown layouts.
- **Shortcode Integration**: Use the countdown anywhere via shortcode.

### Slider Block
Build dynamic carousels with interaction settings and layout enhancements:

- **Slide Border**: Add custom borders around individual slides.
- **Autoplay Tweaks**: Set delay time, reverse direction, stop on last slide, and more.
- **Interaction Control**: Pause on mouse enter, disable autoplay on interaction.
- **Free Mode**: Drag freely between slides with optional sticky behavior.
- **Slide Effects**: Choose from Cube, Coverflow, Flip, and Card transitions.
- **Device-Specific Controls**: Show/hide navigation or pagination by device (mobile/tablet).
- **Keyboard & Mousewheel Navigation**: Control the slider using keyboard arrows or scroll.
- **Wrapper Styling**: Customize slider background and padding for perfect alignment.
- **Shortcode Support**: Use sliders anywhere via shortcode.

### Image Comparison Block
Compare before/after visuals with added styling and automation:

- **Label Position**: Position labels above, below, or within the images.
- **Custom Line Shape & Size**: Make your slider line visually unique and fit your design.
- **Auto-Slide & Speed**: Enable automatic transitions with speed control.
- **Hover/Click Move**: Slide on hover or click for interactive experiences.
- **Stop on Hover**: Pause animation when hovered.
- **Line & Handler Styling**: Customize color, thickness, and handler appearance.
- **Icon Color**: Match icons with your site's theme colors.

### Button Block
Turn simple buttons into multifunctional actions and popups:

- **Link or Popup Actions**: Choose between standard link or popup trigger.
- **Rel & Referrer Attributes**: Set advanced HTML attributes for privacy and SEO.
- **Download Custom File Name (experimental)**: Define a name when triggering file downloads.
- **Icon Positioning**: Display icons to the left or right of button text.
- **Tooltip Placement**: Show tooltips in various positions.
- **Device Visibility**: Hide buttons on specific devices (desktop, tablet, mobile).
- **Popup Content Types**: Display image, video, audio, iframe, block content, or documents (.pdf, .doc, .xlsx).
- **Popup Security**: Add password protection or login requirement to popups.

### Lottie Player Block
Bring engaging animations to your site with interactive Lottie files:

- **Upload JSON Files**: Upload and manage Lottie animations from the media library.
- **Hover Animation**: Trigger animations on mouseover.
- **Animation Modes**: Choose between bounce or normal play.
- **Direction & Loop Count**: Control play direction and repeat count.
- **Speed & Interval**: Fine-tune playback speed and autoplay interval.
- **Open in New Tab**: Add links that open in a new browser tab.
- **Interactivity Rules**: Define when and where the animation should play.
- **Caption & Styling**: Add and style a caption with full typography, spacing, and color controls.

[**Try the Pro Version**](https://bblockswp.com/pricing) – Unlock all premium features today!


## Available Blocks
B Blocks adds over 50+ 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:

1. **Row Columns**: Create responsive multi-column layouts with flexible width, spacing, and alignment options. Ideal for building custom grid structures.

2. **Container**: Group multiple blocks into a single styled section. Add background color, borders, padding, and other visual adjustments.

3. **Section Heading**: Add a styled section title with optional separator and description. Easily toggle the visibility of each element.

4. **Shape Divider**: Add decorative shape dividers between sections for smooth visual transitions.

5. **Advanced Image**: Display a custom image or dynamic post featured image with advanced styling options like hover effects, borders, and overlays.

6. **Video**: Embed self-hosted or external video content in a beautifully designed video player with optional poster image and controls.

7. **GIF Image**: Upload and showcase animated GIFs to add dynamic visuals to your content.

8. **Image Gallery**: Display a collection of images in a stylish, responsive gallery layout. Great for portfolios or product showcases.

9. **Image Comparison**: Visually compare two images with a draggable slider. Perfect for before/after effects.

10. **Lottie Player**: Embed lightweight, interactive animations using Lottie JSON files. Supports autoplay, hover triggers, and speed control.

11. **3D Viewer**: Display 3D model files directly on your page with rotation, zoom, and full interaction support.

12. **Slider**: Create responsive image or content sliders with pagination, navigation, and animation effects.

13. **Flip Boxes**: Add interactive flip cards with front and back content, ideal for showcasing features or team members with engaging motion.

14. **Countdown**: Display a live countdown timer for events, sales, or launches with custom styling and behavior options.

15. **Counter**: Show animated numeric counters to highlight statistics, milestones, or achievements.

16. **Alert**: Display styled notification boxes to inform, warn, or alert users. Supports different message types and icons.

17. **Button**: Add multi-functional buttons like go to a link, open a popup with various content types, etc.

18. **Button Group**: Place two or more action buttons side by side. Useful for calls-to-action like “Learn More” and “Buy Now”.

19. **Animated Text**: Make text stand out with typing effects, text shuffles, and other animated styles.

20. **Icon Box**: Combine icons with titles and descriptions in customizable layouts. Choose from Font Awesome, Bootstrap, or custom icons.

21. **Feature Boxes**: Highlight features or services using an icon/image, title, separator, and supporting text.

22. **Info Box**: Share additional information or tips inside a clean, styled content block.

23. **Pricing Table**: Build pricing plans with features, pricing, and call-to-action buttons, perfect for product or service pages.

24. **Price Lists**: Display menu items or pricing options with images, titles, descriptions, and prices.

25. **Posts**: Display your latest posts or custom post types in grid or masonry layouts with filtering, pagination, and excerpt controls.

26. **Chart**: Visualize data using bar, line, or pie charts. Fully responsive and customizable for infographics or analytics.

27. **QR Code**: Generate a QR code from any URL or text input. Useful for offline promotions and instant access links.

28. **Mail To**: Add a one-click email action that opens the user’s mail app (Gmail, Outlook, Yahoo, etc.) prefilled with your address.

29. **Social Share**: Enable sharing of your content across social media platforms and messaging apps with styled buttons.

30. **Star Rating**: Display customer reviews or feedback with an interactive star rating block.

31. **Services**: Present your service offerings in a structured layout with icon, title, and description.

32. **Team Members**: Introduce your team with member profiles including photo, name, title, bio, and social links.

33. **Cards**: Create content cards that combine an image, heading, description, and footer, perfect for features or blog highlights.

34. **Navigation**: Add a custom navigation menu inside your page layout for a better user experience and in-page linking.


## How to Use B Blocks- Quick Start Guide
Getting started is easy!
https://www.youtube.com/watch?v=rdPWz1Ekkro
1. Install and activate the **B Blocks** – Page Builder for Gutenberg plugin.
2. In the **Gutenberg editor**, find your blocks under the "**B Blocks**" 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
B Blocks 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 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.***❜❜

***-[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/)***


#### ⭐⭐⭐⭐⭐ [B Blocks 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](mailto:support@bplugins.com 'Send feedback')


## 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.


== Installation ==

### Automatic installation
1. Go to the Plugin menu and click on the **Add New** Button
2. Search for **B Blocks**
3. Install and activate the B Blocks plugin from there

### Download & Upload:
1. Download the **b Blocks** 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 **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 the block category called **B Blocks** in the Gutenberg editor
3. Enjoy!


== Frequently Asked Questions ==

= How do I install this plugin? =

You can install it as other regular WordPress plugins. No different way. Please see on installation tab.

= Is B Blocks free? =

Yes, B Blocks 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/)

= Where do I report security bugs found in this plugin? =
Please report security bugs found in the source code of the B Blocks 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.


== Screenshots ==

1. Posts- Grid- Default layout
2. Posts- Grid- Title Meta layout, Customize
3. Posts- Slider- Overlay layout
4. Posts- Slider- Overlay Box layout
5. Posts- Masonry- Overlay layout
6. Posts- Masonry- Overlay Box layout
7. Slider- Default, Image Background
8. Slider- Image Slider
9. 3D Viewer
10. Image Gallery
11. Image Comparison
12. Flip Boxes
13. Team Members
14. Team Members- Horizontal layout
15. Cards- Default
16. Cards- Horizontal layout
17. Pricing Table
18. Pricing Table- Ultimate Style
19. Price Lists
20. Price Lists- Horizontal layout
21. Feature Boxes
22. Info Box
23. Lottie Player
24. Countdown- Default, Layout 1
25. Countdown- Layout 2, 3
26. Counters- Default, Theme 2
27. Counters- Theme 3
28. Mail To
29. Alert


== Changelog ==

= 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.