Description

Brigade Blocks Addons extends the WordPress Block Editor with professionally designed blocks, without a page builder. Everything is organised into modules you can switch on or off; a disabled module registers no blocks, scripts or styles.

Every block can be styled in depth from the editor’s Styles tab — typography, colors, gradients, background images with overlays, borders, per-corner radius, layered box shadows, spacing, sizes, flex and grid layout, position, opacity and visibility — separately for hover, focus and active states and for desktop, tablet and mobile. Only the controls that make sense for each block are shown.

Blocks use the Donix design system — coral accent, ink headings, Urbanist type and a single 6px radius — and every value is a CSS custom property your theme can override.

Content module (available now)

Container — nestable flex or grid layout wrapper: full-width or boxed content, presets (columns, centered, horizontal), sizing, positioning, transforms, backgrounds, overlays and per-device settings; any block inside gets flex-item controls
Heading — eyebrow label, accent separator, supporting text
Text Editor — rich text with columns and drop cap
Image — aspect-ratio crop, hover effects, caption, link
Image Box — stacked or overlay image card
Icon — 49 line icons with tinted badge styles
Icon Box — feature / service card
Button — primary, dark, outline and text styles
Divider — with optional label or icon
Spacer — separate desktop, tablet and mobile heights
Video — YouTube, Vimeo or self-hosted, loaded on click
HTML — custom markup with live preview
Shortcode
Google Maps — no API key, info card, directions link, optional click-to-load for GDPR

Interactive module

Accordion — native, JavaScript-free; one-at-a-time option; FAQ schema
Nested Accordion
Tabs — accessible, keyboard navigable, deep-linkable; horizontal or vertical
Content Toggle — switch between two panels, e.g. monthly and yearly pricing
Timeline — one-sided or alternating
Process Steps — numbered or icon steps with connectors
Slider — slides you design yourself with any blocks, each with its own background image, colour and overlay; slide or fade, one or several slides at a time, arrows, dots and autoplay

Marketing module

Flip Box — flips on hover, focus or tap
Call to Action — dark, brand, tinted or image background
Counter — animated statistic
Progress Bar — fills when scrolled into view

Posts module

Posts — one block with five layouts (grid, list, masonry, carousel, slider) and three sources (custom query, most recent, related to the current post); any public post type, category/tag filters, responsive columns
AJAX Load More, Infinite Scroll and AJAX category filter
Author Box
Dynamic Content — show a post field or custom field anywhere, including inside the Query Loop

Media module

Gallery — one block with four layouts (grid, masonry, carousel, slider), an accessible lightbox, captions, hover effects and a filter bar built from image tags
Before / After — compare two images with a draggable divider; horizontal or vertical, keyboard and touch friendly
Video Gallery — YouTube, Vimeo or self-hosted videos in a grid or carousel; play in a lightbox or in place, loaded only when clicked

WooCommerce module (when WooCommerce is active)

Products — one block with four layouts (grid, list, carousel, slider) and nine sources: latest, featured, on sale, best selling, top rated, hand-picked, related, upsells and cross-sells; AJAX add to cart, sale badges and a second image on hover
Product Categories — image tiles in a grid or carousel
Product Search — with an optional category dropdown
Add to Cart — for any product or the one being viewed, with quantity
Mini Cart — live count and total, with an accessible slide-in cart drawer
Store Page — WooCommerce’s cart, checkout or My Account inside your own page layout

Forms & Users module

Login Form — log in, register and reset a password in one block, without reloading the page; falls back to the standard WordPress login whenever needed (no JavaScript, cached pages, two-factor plugins) and works with captcha and security plugins
User Profile — the visitor’s avatar, name, bio, account and log-out links
Form Styler — Contact Form 7 and WPForms forms in your design

Advanced module

Advanced Search — keyword, content type and taxonomy filters with accessible live results
Taxonomy Filter — categories, tags or any taxonomy as chips, a list or a dropdown, linking to their archives

Data Visualization module

Chart — bar, horizontal bar, line, area, pie, doughnut and radar charts from numbers you type (or paste from a spreadsheet) or from a CSV / Google Sheets link; lightweight SVG with a data table for screen readers, no chart library
Progress Chart — progress rings and half-circle gauges
Statistics Cards — key numbers that count up, with trend badges and sparklines

Coming next

Pricing Table, Countdown and Logo Showcase, then People (team members, testimonials), Navigation (breadcrumbs, table of contents) and Utilities (social icons, WhatsApp chat).

Brigade Blocks Addons Pro

A separate, optional add-on adds a Dynamic Data module: Loop Builder, Dynamic Tags and Conditional Content. This plugin is complete on its own and contains no Pro code; its settings screen lists Pro modules and blocks with a PRO badge so you can see what the add-on includes.

Performance and privacy

Styles load only on pages that use a block.
Front-end scripts are tiny, dependency-free and load only with their block: click-to-load for Video and Google Maps, Tabs, Content Toggle, Counter, Progress Bar, carousels, AJAX load more / filter, live search, the login form, the mini cart drawer and chart animations. Accordion, Flip Box, post grids, lists and masonry, and every chart itself need no JavaScript.
The Urbanist font is served from your own site. Choose “Inherit from theme” to load no fonts at all.
YouTube uses youtube-nocookie.com and Vimeo uses do-not-track; neither loads until the visitor presses play.

External services

Some blocks can show content from third-party services. Nothing is sent to these services unless you add the block to a page, and the Video and Google Maps blocks can wait until the visitor clicks before loading anything.

Google Maps (Google Maps block)

The Google Maps block embeds a map from Google Maps (maps.google.com) for the address or place you enter, and can link to Google Maps directions. When the map loads, the visitor’s browser requests it from Google, which receives the visitor’s IP address, browser details and the address or place shown. With “Click to load” enabled, nothing is requested until the visitor clicks the map.

YouTube (Video and Video Gallery blocks)

When a Video or Video Gallery block uses a YouTube link without a custom poster, the thumbnail is loaded from i.ytimg.com and, after the visitor presses play, the video is embedded from youtube-nocookie.com. YouTube receives the visitor’s IP address, browser details and the video ID.

Vimeo (Video and Video Gallery blocks)

When a Video or Video Gallery block uses a Vimeo link, the video is embedded from player.vimeo.com (with Do Not Track) after the visitor presses play. Vimeo receives the visitor’s IP address, browser details and the video ID.

Google Sheets or another CSV link (Chart block)

Only when you set a Chart block’s data to “From a link”, your website’s server downloads that link — for example a Google Sheet (docs.google.com) or any CSV file address you enter — to draw the chart, and keeps a cached copy (5 minutes to one day, as you choose). The request is made by your server, not by visitors’ browsers; it contains no visitor data, only the address you entered. Private or local network addresses are never contacted.

Google Terms of Service: https://policies.google.com/terms
Google Privacy Policy: https://policies.google.com/privacy
For any other address, the terms and privacy policy of the site that hosts the file apply.

Credits

Urbanist font by The Urbanist Project Authors (https://github.com/coreyhu/Urbanist), licensed under the SIL Open Font License 1.1 (see assets/fonts/OFL.txt). Bundled so no font is loaded from third-party servers.
Line icons were drawn for this plugin and are licensed under GPLv2 or later.

Screenshots

Style every detail from the Styles tab: typography, colour, spacing, border and shadow, per device and for hover. — Modules screen: switch modules on or off; a disabled module loads no blocks, scripts or styles.

Blocks

This plugin provides 50 blocks.

Icon Box A feature or service card: tinted icon badge, title, description and an optional link.
Icon A single line icon, plain or inside a Donix tinted badge, with an optional link.
Divider A horizontal rule with style, weight and width options, and an optional centered label or icon.
Container A flexible layout wrapper for any blocks: flex or grid, full-width or boxed content, nesting, backgrounds, overlays, borders, shadows, positioning and per-device settings.
Heading A section heading with an optional eyebrow label, accent separator and supporting paragraph.
Text Editor Rich text content — paragraphs, lists and quotes — set in Donix body type, with optional columns and drop cap.
Button A call-to-action button in the Donix style: primary, dark, outline or text, with an optional icon.
Image A responsive image with aspect-ratio cropping, hover effects, caption and link.
Video YouTube, Vimeo or self-hosted video. External players load only when clicked, keeping pages fast and privacy-friendly.
Shortcode Run a shortcode from any plugin or theme, with spacing controls.
Spacer Vertical white space with separate heights for desktop, tablet and mobile.
HTML Custom HTML with a live preview. Users without the unfiltered_html capability have unsafe markup removed on save.
Google Maps Embed a Google Map for any address — no API key needed. Optional info card, directions link, grayscale style and click-to-load for privacy.
Image Box An image card with title, text and link — stacked, or with text over a dark scrim.
Accordion Collapsible sections built on native <details> — no JavaScript. One-at-a-time or multiple open, FAQ schema, and nesting.
Timeline A vertical timeline of milestones — one-sided or alternating — with dot, number or icon markers.
Content Toggle Switch between two sets of content with a toggle — e.g. monthly and yearly pricing, or before and after.
Process Steps Explain how you work in a row of numbered or icon steps joined by a connector.
Tabs Accessible tabs — underline, pills or boxed, horizontal or vertical — with keyboard navigation and deep links.
Slider A slider you design yourself: every slide holds any blocks, with its own background image, colour and overlay. Slide or fade, one or several slides at a time, arrows, dots and autoplay.
Flip Box A card that flips on hover, focus or tap to reveal a message and a call to action.
Call to Action A conversion banner: eyebrow, headline, supporting text and buttons on a dark, brand, tinted or image background.
Counter An animated statistic that counts up when scrolled into view, with prefix, suffix and optional icon badge.
Progress Bar A labelled progress or skill bar that fills when scrolled into view.
Form Styler Show a Contact Form 7 or WPForms form, styled to match your design.
User Profile The logged-in visitor’s avatar, name and bio, with account and log-out links. Logged-out visitors can see a login link instead.
Login Form Log in, register and reset a password on your own page — without reloading, and with WordPress’s standard login as a fallback.
Posts Dynamic posts in a grid, list, masonry, carousel or slider — with AJAX load more and category filters. Works with any public post type.
Author Box The post author's avatar, name, bio, website and a link to their posts — or a chosen author.
Dynamic Content Show one field of the current post — title, date, author, terms, reading time, comment count or a custom field. Works in templates and inside the Query Loop.
Before / After Compare two images with a draggable divider — keyboard and touch friendly.
Gallery Images in a grid, masonry, carousel or slider — with an optional lightbox and a filter bar built from image tags.
Video Gallery YouTube, Vimeo or self-hosted videos in a grid or carousel. Videos open in a lightbox or play in place, and load only when clicked.
Statistics Cards Key numbers as cards — each with a label, a count-up value, a trend badge and an optional sparkline.
Chart Bar, horizontal bar, line, area, pie, doughnut or radar chart, from your own numbers or a CSV / Google Sheets link. Lightweight SVG, readable by screen readers, no chart library.
Progress Chart One or more progress rings or half-circle gauges with the value in the middle.
Store Page WooCommerce’s cart, checkout or My Account, placed anywhere in your own page layout.
Mini Cart A cart icon with item count and total that opens a cart drawer or links to the cart — ideal for headers.
Product Search A WooCommerce product search box, with an optional category dropdown.
Product Categories WooCommerce product categories as image tiles in a grid or carousel.
Add to Cart An add-to-cart button, with quantity and price, for any product or for the product being viewed.
Products WooCommerce products in a grid, list, carousel or slider — latest, featured, on sale, best selling, top rated, hand-picked, related, upsells or cross-sells.
Taxonomy Filter Categories, tags or any taxonomy as chips, a list or a dropdown, linking to their archives and highlighting the current one.
Advanced Search A search box with post type and taxonomy filters, and live results as you type.
Toggle Panel One side of a Content Toggle. Holds any blocks.
Slide One slide of a Slider. Holds any blocks; set its background image, colour and overlay in the Styles tab.
Timeline Item One milestone: date, title and content.
Process Step One step: marker, title and short description.
Accordion Item One collapsible section of an Accordion. Holds any blocks, including another Accordion.
Tab One panel of a Tabs block. Holds any blocks.

Installation

Upload the plugin through Plugins Add New Plugin Upload Plugin, or copy it to wp-content/plugins.
Activate Brigade Blocks Addons.
Open Brigade Blocks in the admin menu to choose modules and blocks.
In the editor, search for “Brigade” in the block inserter.

FAQ

Does it require a page builder?: No. It is built entirely on the native Block Editor.
What happens to my content if I disable a module?: Nothing is deleted. The blocks stop rendering and are restored as soon as you switch the module back on.
Can my theme change the colors and fonts?: Yes. Override the –wpbb-* custom properties, for example :root { –wpbb-brand: #0a7cff; }.
Is there a Pro version?: Yes, Brigade Blocks Addons Pro is a separate add-on that needs this plugin. Everything described above is free and stays free.
Where is the source code of the compiled scripts?: The human-readable source of every file in build/ is included in the src/ folder of the plugin. Build it with Node.js: npm install then npm run build (see package.json).

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Brigade Blocks Addons” is open source software. The following people have contributed to this plugin.

brigadethemes

Translate “Brigade Blocks Addons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Styling system: per-element, per-state and responsive styling controls for every block, in the native Styles tab with live editor preview.
New Container block: flex/grid layout types, boxed content width, presets, flex-item settings for any child block, positioning, transforms, responsive visibility.
Styling system: layout, sizing, position, transform and transition-timing controls; breakpoints filterable with wpbb_style_breakpoints.
Initial release: modular core, settings screen, Donix design tokens, Content (14 blocks), Interactive (6 blocks), Marketing (4 blocks), Posts (Posts block with five layouts, Author Box, Dynamic Content) and Media (Gallery, Before / After, Video Gallery) modules.
WooCommerce module: Products, Product Categories, Product Search, Add to Cart, Mini Cart, Store Page.
Forms & Users module: Login Form (login, registration, lost password, without page reloads), User Profile, Form Styler for Contact Form 7 and WPForms.
Advanced module: Advanced Search with live results, Taxonomy Filter.
Slider block: slides you design yourself with any blocks, each with its own background image, colour and overlay; slide or fade effect, one or several slides at a time, arrows, dots and autoplay.
Settings screen: saves without reloading the page; modules and blocks of the Pro add-on are marked PRO and listed as locked while Pro is not active.
Data Visualization module: Chart (bar, horizontal bar, line, area, pie, doughnut, radar; typed, pasted or from a CSV / Google Sheets link), Progress Chart, Statistics Cards.