This release restores Masonry spacing, protects component and template data during common workflows, and improves accessibility and database diagnostics.

Improvements

  • Bricks > System Information now lists collations for Bricks-related database tables (and warns when a table does not use utf8mb4).
  • Enhanced Filter Select controls now expose clearer labels, relationships, and state to assistive technologies, including contextual names for placeholder and remove controls in multiple selects.
Full v2.3.10 changelog

Bricks 2.4 introduces major improvements to automation, content management, and builder workflows. New AI Abilities let MCP clients such as Cursor, Claude Code, and Copilot create and edit Bricks content, while the Builder Browser provides a central hub for managing pages, templates, components, and post types. A new global import/export system makes it easier to transfer complete design systems and related data securely between sites.

The release also adds customizable builder layouts and reusable interface profiles, streamlined WooCommerce setup with new v2 elements, bi-directional syncing between Custom CSS and style controls, and more precise tools for managing responsive styles.

Further enhancements include palette colors in the Variable Manager, improved Theme Style search, a redesigned Pages panel, component insertion from the Command Palette, optional automatic code signing for development, and support for defining the Bricks license key through PHP configuration.

Let’s dive into the highlights in more details …

Bricks AI Abilities

Bricks now exposes structured builder actions through the WordPress Abilities API and MCP. Once configured, compatible clients such as Cursor, Claude Code, and Copilot can create or edit Bricks pages and global data.

The new Bricks > AI admin screen includes the MCP and abilities configuration, per-ability controls, client setup guidance, and connection/status checks. The initial set of abilities covers page, element, template, component, global-data, design-system, dynamic-data, query loop, navigation menu, WooCommerce setup, remote template, import/export, and HTML-to-Bricks conversion.

Documentation: https://academy.bricksbuilder.io/builder/features/ai-abilities-and-skills/

Builder Browser

The new Builder Browser provides one place to manage templates, components, post types enabled for Bricks, and related Builder managers.

Documentation: https://academy.bricksbuilder.io/builder/features/builder-browser/

Component Manager

Components now get a management flow closer to templates, with search, filtering, usage information, screenshots, duplicate/export/delete actions, and remote component support. Template and component workflows also handle more related data during imports, including connected components and screenshots.

Global Import & Export

Moving all your global Bricks data between sites is now possible through a ZIP-based import/export flow.

You can transfer theme styles, global classes, variables, color palettes, breakpoints, components, templates, custom fonts, icons, global queries, and supported settings. Before importing, you can select individual items, review dependencies, resolve conflicts, and see a clear summary of the result.

Settings transfer is guarded separately, and security-sensitive data such as code execution, API keys, SVG upload permissions, form submission access, and builder access capabilities is excluded or protected.

The same import/export flow is also available through the new Bricks Abilities.

Documentation: https://academy.bricksbuilder.io/builder/features/global-import-export/

Builder Interface Customiser & Profiles

Arrange the builder interface to match your workflow. Place the toolbar on any side of the canvas, move the control panel and structure panel between the left, right, and bottom docks, and create custom layouts for pinned controls. You can reorder or hide toolbar actions, add dividers, and create shortcuts for inserting specific elements.

Save each layout as a reusable profile and assign it to individual users or roles. Profiles and personal settings can also be imported or exported, helping teams maintain a consistent workspace across sites.

Documentation: https://academy.bricksbuilder.io/builder/interface/builder-interface-customiser-profiles/

WooCommerce Setup & v2 Elements

Bricks 2.4 reduces the manual setup around WooCommerce pages. The Woo assistant lists WooCommerce pages and related templates, provides direct editing, and can set up Cart, Checkout, My Account, Shop, and Single Product structures from one place.

Documentation: https://academy.bricksbuilder.io/integrations/woocommerce/woo-setup-wizard/

The new experimental Cart, Checkout, and Account v2 elements let you design multiple states within a single element instead of maintaining separate templates. Cart supports filled and empty layouts; Checkout supports checkout, pay, and thank-you layouts and can also be used to create multi-step checkout flows; Account supports login, lost password, reset password, dashboard, and endpoint layouts.

Documentation: https://academy.bricksbuilder.io/integrations/woocommerce/advanced-modular-elements/

The Mini Cart Builder adds a dedicated cart loop workflow so visitors can adjust cart contents with AJAX from the mini cart.

Bi-directional Sync: Custom CSS & UI Settings

You can now keep an element’s Custom CSS and its corresponding Bricks style controls in sync. Change a supported property in the CSS editor and its corresponding control updates automatically. Changes made through a style control are written back to Custom CSS, while unrelated or unsupported CSS remains untouched.

CSS Sync respects the active breakpoint and pseudo-class. If the same property is defined in both places, Custom CSS takes precedence in the builder and on the frontend.

This experimental feature can be enabled under Bricks > Settings > Builder > CSS Sync.

Modernized Bricks admin screens

Bricks 2.4 introduces a refreshed, more consistent admin experience across Settings, Elements, AI, the WooCommerce setup wizard, and other Bricks screens. The update adds settings search, clearer import and export actions, responsive layouts, improved accessibility, and a floating save bar that clearly indicates unsaved and successfully saved changes.

Automatic Code Signing (Optional)

Developers can now opt into automatic code signing without disabling Bricks’ signature validation. Two independent PHP constants support different development workflows:

  • BRICKS_DANGEROUSLY_AUTO_SIGN_CODE_ON_BUILDER_SAVE signs edited code when the builder is saved.
  • BRICKS_DANGEROUSLY_AUTO_SIGN_CODE_ON_BUILDER_RERENDER signs and runs code during builder rerenders, including while typing.

Both constants are disabled by default, and existing capability and security checks remain in place. Because builder rerenders can execute PHP and trigger side effects, these constants should only be enabled in trusted local or development environments.

Documentation: https://academy.bricksbuilder.io/builder/features/code-signatures/#dangerous-automatic-signing

Store License key as PHP Constant

You can now manage the Bricks license key through the BRICKS_LICENSE_KEY PHP constant. This is useful for blueprint sites, cloned installations, and deployment workflows where the license should be defined through configuration rather than stored in each site’s database.

define( 'BRICKS_LICENSE_KEY', 'your-license-key' );

Documentation: https://academy.bricksbuilder.io/builder/license/license-and-updates/#constant

Copy, Paste, Move & Reset Element Styles

Element style management in the builder is now more powerful and precise.

Copy all styles, including every breakpoint, selector, and pseudo class, or only the styles from your current breakpoint. When pasting breakpoint-specific styles, choose whether to preserve their original breakpoint or apply them to the breakpoint currently being edited.

You can also copy or move styles between breakpoints for an element, active class, or multiple selected elements, with options to include selectors and pseudo classes and either merge or overwrite existing styles. And when it’s time to start fresh, reset all styles or clear only those assigned to the current breakpoint.

Color palettes in Variable Manager & Picker

Color palette variables are now available in the Variable Manager & Picker, making palette colors easier to manage and reuse anywhere in Bricks. Create colors directly within a selected palette, with consistent renaming, sorting, grouping, and import/export support.

The Variable Manager now also includes a Trash folder for temporary & permanent variable deletion, matching the one already available in the Class Manager.

Theme Styles return to Control Panel + New Search

Theme Styles are available again in the Control Panel for quick, in-context editing, while remaining accessible through the Style Manager.

The new search covers settings across every Theme Style section, while the Modified filter shows only the values you’ve changed.

Redesigned Pages Panel

The redesigned Pages panel makes it easier to browse and manage content without leaving the Builder.

Favorite frequently used pages or posts for quick access, search clearer organized results, toggle post metadata, and create new content for the selected post type directly from the panel. Favorites and display preferences persist between sessions.

Browse & Add Components from Command Palette

Browse, search, and insert components directly onto the canvas from the Command Palette. Open the new Components scope or press * for quick access.

Other Improvements

  • Improved builder loading speed.
  • Instant navigation between pages/templates inside the builder is now enabled by default and can be disabled from the Bricks settings.
  • Orphaned elements are now always checked on builder save (Bricks setting removed).
  • Bricks color palettes now sync with the Block Editor (Gutenberg).
  • The Code control now supports comment shortcuts and search/replace.
  • Post query loops now include an Author multi-select control.
  • Custom capabilities can be imported & exported through Bricks settings.
  • Global class CSS frontend output can now follow the order defined be output in the Class Manager (through a new Bricks setting).
  • Filter – Search: Custom action on “enter” (e.g. redirect to)
  • The Countdown element now supports dynamic data.
  • WooCommerce stock filters can now account for product variations (through a new Bricks setting).
  • Added two new Filter Submit (Start/End) triggers for interactions.
Full v2.4-beta changelog

This release focuses on fixes and improvements across component variants, Gutenberg components, forms, WooCommerce, and frontend rendering.

Full v2.3.9 changelog