Breakdance 2.5

Breakdance 2.5 is here, packed with powerful tools to supercharge your web design workflow. This release brings a suite of innovative features that make building stunning, dynamic websites faster, more intuitive, and more engaging than ever. From inline editing for Global Blocks to mesmerizing scroll animations and form enhancements, Breakdance 2.5 empowers you to create with unmatched creativity and efficiency

Edit Global Blocks Right in the Builder

Editing Global Blocks just got a whole lot smoother. Now you can edit any Global Block directly in the builder. Update text, swap an image, tweak padding, or add new elements, any edits you make will be instant.

Inline Global Block editing eliminate extra clicks, keeps you focused on your design, and saves you valuable time. The result is cleaner, more consistent sites and a workflow that feels seamless.

When using this alongside the ability to create new Global Blocks from the Quick Navigator, you don’t ever have to leave your current design when building it out for the first time.

Add Color-Changing Scroll Animations

We’re thrilled to introduce a major enhancement to our scrolling animations: you can now animate background and text colors as users scroll through your pages. This means you’re no longer limited to movement-based animations — now, you can design immersive experiences where the mood, tone, and style of your content evolves with every scroll.

Make sections that gradually shift from light to dark as the user dives deeper, headlines that subtly change color to guide attention, or full-page transitions that create stunning visual storytelling. With this new feature, it’s easier than ever to design rich, interactive narratives and high-impact visual journeys — all without writing a single line of code.

Whether you’re creating a landing page, portfolio, product showcase, or editorial layout, animated color transitions give you the tools to make your designs stand out. It’s smooth, intuitive, and completely customizable. Choose your colors, set your triggers, and let the animation engine handle the rest.

This upgrade is part of our commitment to giving you the most flexible, expressive, and creative design toolkit possible — and it’s just the beginning. Go ahead and start experimenting — your scroll has never looked this good.

Effortless Design Libraries with Design Library Parts

Craft sections such as hero banners, CTAs, pricing tables, or custom layouts—and turn them into a personalized library of Design Library Parts that you can add to any page with just a few clicks. Once you save a part, dropping it into a new page lets you customize content locally without altering the original design. It’s a faster, more scalable way to build and maintain consistent layouts.

Using parts is simple: inside the builder, press Cmd/Ctrl + B to open the Design Library, switch to “This Website,” and you’ll see all your saved parts. Add the one you want to the page, then update your content, swap images, or adjust styles—the tweaks stay local to that page. A built-in filter makes it easy to find the perfect part, page, or design whenever you need it.

Create a fully branded hero banner once, save it as a part, and then drop it into every new project. Or build a pricing table template and reuse it across multiple landing pages—no rebuilding required. By keeping your best layouts in one place, you stay organized, work efficiently, and bring projects to completion faster. Take it further by using a Design Set to store all your parts, so you can apply the same library across multiple sites. Build once, reuse everywhere, and watch your workflow transform.

Streamlined Builder Workflow

We’ve made a variety of improvements to the Builder to streamline workflows and help you build faster and smarter.

Consistent Units Across All Controls

Set your preferred unit—px, em, %, or rem—once in the Preferences menu, and watch Breakdance set the default unit everywhere. No more toggling between units as you adjust margins, padding, or font sizes. Once you pick a default, every control and global setting respects it automatically, letting you focus on the numbers.

This small preference saves you from repetitive clicks and keeps your measurements uniform across every element. Instead of pausing to switch units, you stay in the flow—whether you’re fine-tuning a header’s padding or scaling text for responsive layouts.

By choosing a default unit, you’ll spend more time on creativity. Everything feels cohesive, measurements stay consistent, and your workflow moves faster—day in, day out.

Show Inherited Responsive Values

Now you can see inherited values for any property as you switch between desktop, tablet, and mobile views. This experimental feature, available in the preferences menu, means no more trial and error when fine-tuning layouts. For example, if you adjust padding on mobile and wonder whether it was inherited from the tablet settings, the builder will show you the value that’s being passed down. That clarity keeps your design consistent across devices and helps you avoid unintended overrides.

By revealing inherited values, you’ll work faster and with more confidence. Tweak a headline’s font size on tablet, switch to mobile, and instantly see the inherited size before making changes. This makes responsive edits precise, prevents surprises, and keeps your layout clean—ensuring every breakpoint looks exactly as you intend.

Create Design Presets with a Keystroke

Now you can generate a new design preset directly from the “Choose Design Preset” input box in the Properties Panel. Simply type your preset name and press Enter—no additional clicks or extra dialogs required. This small tweak speeds up the process of saving custom styles and keeps you focused on design rather than navigating menus.

Improved Typography Presets

Typography presets now show font-weight, font-size, font-style, and line-height directly in the chooser. This makes it easier to identify and select the exact style you need at a glance. Additionally, the Typography Preset input box now features autocomplete, so suggested presets appear as you type—saving time and ensuring consistency across your design.

Loop Elements with Masonry Layout Support

Loop Elements now support Masonry layouts, letting your content automatically flow into a staggered grid without any custom code. Whether you’re displaying blog posts, portfolios, product listings, or image galleries, your items will align in a visually engaging way—each item fits together seamlessly, avoiding awkward gaps and creating a dynamic presentation.

Showcase a portfolio where each project card shifts into place like puzzle pieces, or presenting a product catalog that feels organic and modern. Simply add a Loop Element, select the Masonry layout, and watch Breakdance arrange your items into an attractive, responsive grid. It adapts automatically as you add or remove items, so new content snaps into place without extra adjustments.

This feature cuts out the need for manual CSS and plugin workarounds. Set your column count or let Breakdance determine the best fit, and let the grid handle varying item heights and widths. The result is a polished, professional layout that highlights your content naturally. With Masonry support, you’ll spend less time tweaking styles and more time creating—your pages look great on any device, and your audience gets a seamless browsing experience every time.

Add Input Masks to Form Fields

Now you can guide visitors to enter information exactly as you need it. With Input Masks on text fields, forms automatically format user input as they type. This means fewer validation errors, faster submissions, and a smoother experience for everyone.

By defining the mask ahead of time, you reduce mistakes and speed up form completion. Whether you need phone numbers, dates, social-security formats, or any custom pattern, simply create the mask, and let the form handle the rest.

With Input Masks in place, your forms feel professional and effortless. Visitors never have to wonder, “How should I enter this?” They type once, and the mask formats their input automatically. It’s a small change that can boost conversions, prevent validation headaches, and keep your forms running flawlessly.

Changelog

General

• Enhancement – You can now select “Is none of” as an option for the “Has Taxonomy” condition
• Tweak – You can now access Global Blocks used on a page or template via the Breakdance menu item when viewing a page or template on the front end
• Tweak – The Search term for Breakdance template pages is now cleared after creating a new template
• Tweak – The Edit Button has been removed on pages that have been edited in Breakdance if the user does not have builder access
• Tweak – GridbuilderWP is now correctly WP Grid Builder
• Tweak – Breakdance has been added to the Rank Math Table of Contents Providers list
• Tweak – The Events Calendar Shortcodes will now have the correct styles on the front end
• Tweak – Improved support for WP Grid Builder to ensure array queries that use brackets still work
• Tweak – The Link Chooser “Add Link” button is no longer cut off when some SEO plugins are activated
• Tweak – SEOPress is now supported for the Breadcrumbs element
• Fix – The Author Avatar Data Point now has a default size in the event a size wasn’t selected
• Fix – Empty Conditions no longer cause an error when saving Breakdance
• Fix – The Featured Image Data Point Correctly Displays the Image
• Fix – The Relation Query no longer skips first results when used on a Template

Builder

• New – Global Blocks may now be edited inline, speeding up the design process drastically
• New – It is now possible to have the background color or text color change while a user scrolls the page. This is found under scrolling animations
• New – We’ve added Design Library Parts that allows you to create reusable sections to be used on the site
• New – It is now possible to show inherited values for properties when working on responsive design. This is an experimental feature
• Enhancement – We’ve improved the drag indicator when moving elements around the canvas
• Enhancement – The Design Library now includes an option to filter by post type
• Enhancement – You can now set the default unit type in Global Settings
• Enhancement – You can now create a Preset by typing and clicking enter in the “Choose Design Preset” input box in the Properties Panel
• Enhancement – We’ve improved the stacktrace error handling in Breakdance. Now when you receive an error, Breakdance will provide additional details, such as what plugin caused an issue or if a URL is unreachable
• Enhancement – Vertically Center and background options are now available for the Preview Size settings of Global Blocks
• Enhancement – Typography Presets will now display font-weight, font-size, font-style, and line-height
• Tweak – Autocomplete is now enabled for the Typography Preset chooser
• Tweak – Preview Sizes for Global Blocks are now Block-specific
• Tweak – The right-click menu in the Structure Panel and the right-click menu in the Canvas are now identical
• Tweak – The active state for the element in the Structure Panel is now a little more clear
• Tweak – HTML entities are now properly converted in the document title of the Quick Navigator
• Tweak – When navigating to another document the active element is now properly unselected
• Tweak – Manage Presets now correctly opens Typography Presets in a Popout
• Tweak -The parent element is now selected after exiting inline Global Block editing
• Tweak – It is no longer possible to create Design Library Parts when the Design Library is disabled
• Tweak – Design Library Parts no longer cause an error when opened in the WordPress Editor
• Tweak – Design Library Parts may be renamed
• Fix – When switching from a Global Block to another Template or Page, the Preview Size option for Global Blocks will be correctly hidden
• Fix – Design Presets no longer show all settings when selecting modified values only
• Fix – Changing pages from the Quick Navigator will no longer cause the wrong page to be exited to on the frontend
• Fix – Changing to a page from the Quick Navigator that is managed by a Template with a Template Content Area will now trigger the proper dialogue to direct you to the Template
• Fix – An Element’s Wrapper settings correctly work with Design Presets
• Fix – The right-click menu in the structure panel no longer overflows the viewport on occasion
• Fix – Saving a page without modifying Global Settings, Presets, Selectors, and AI Settings will no longer override changes made by other users. This is achieved by including only locally modified settings in the save request
• Fix – Custom Fonts no longer cause a 500 error when opening Breakdance
• Fix – The Keyboards Shortcut Modal properly opens
• Fix – The Preview Size button properly displays when editing Global Blocks
• Fix – Custom CSS properly works again when used in Design Presets
• Fix – Line Height now works correctly for Design Presets
• Fix – Custom names now always display correctly in the structure panel
• Fix – The Media Size and Focus Point inputs are properly sized again

Elements

• New – Loop Elements now support Masonry layouts
• Enhancement – Text-wrap is now available for Typography settings
• Enhancement – Social Icons now have border controls
• Enhancement – The Section element now includes design controls for buttons
• Tweak – The Line Height setting for Typography has been moved to be accessible from the top level
• Tweak – Adjustments were made to the Border complex that aligns everything properly and allows custom units
• Tweak – The Term Loop Builder is now an option for the “Control Slider” setting in Link controls
• Tweak – Removed Alternate and Static Items from the Term Loop Builder
• Tweak – Empty Block for Term Loop Builder now works with Pagination
• Tweak – Minor performance improvement to scroll event for the Header Builder
• Tweak – The “Slides Per View” for Slider controls now properly refreshes the Post Loop Builder
• Tweak – The WooCommerce Password Hint now displays correctly
• Tweak – The dropdown arrow for the Single Products now properly displays
• Fix – CSS is no longer added to an element if the corresponding control toggle has been disabled
• Fix – Search Form correctly supports autofocus for fullscreen
• Fix – Background Videos for Fancy Containers now work
• Fix – Improved the Order and Layout for the Comments Form
• Fix – The Gallery element now supports captions with symbols at the beginning
• Fix – When using Dynamic Data for an Image, the Image element will now recognize the size selected
• Fix – The “Set HTML Width & Height” control now triggers correctly for the Image element
• Fix – Adding a small attachment to an Image that expects a large size format now works properly
• Fix – The Flexible Content element is no longer available if ACF isn’t active
• Fix – The “Slides Per View” input field is now cleared when deleting the value via keyboard
• Fix – The Tooltip element now correctly supports typography settings when using Dynamic Data
• FIx – SVG images no longer cause an error when the size in the Properties Panel is empty
• Fix – Improved active link detection for the Menu Builder element by moving it to the server-side. This is the same logic used by default WordPress Menus
• Fix – Invalid HTML attribute names no longer cause conflicts
• Fix – Fixed an error where the Shop Page element encountered errors due to some incorrect presets
• Fix – The dropdown arrow for an active Menu element now works. 2.5 Beta 1 regression
• Fix – Responsive settings for the Filter Bar works properly again. 2.5 Beta 1 regression

Element Studio

• Fix – Fixed an issue where the Add New button wasn’t working for repeater controls on elements.

Forms

• New – Form Fields now accept Input Masks
• Enhancement – Date Field Now Supports Dynamic Data for Min/Max Options
• Fix – Step fields and HTML fields now ignore the required toggle
• Fix – Undefined warnings will no longer appear in Error logs
• Fix – Tweaked how the Submit button spins

WooCommerce

• Tweak – Error Notice Icons have been updated and now align correctly
• Tweak – An admin notice is now available on the Checkout and Cart pages to replace Gutenberg Blocks with WooCommerce shortcodes so these pages may properly display designs created in Breakdance
• Tweak – Updated various WooCommerce templates
• Tweak – Improved magnifying glass icon and added arrows to various dropdown fields
• Fix – The Order Payment page now works on the front end
• Fix – Clicking the reviews link now take you to the reviews tab and opens it

Developer

• Tweak – Introduced an option to mark an element as Builder Only in Element Studio
• Tweak – reCAPTCHA for Forms is now loaded via wp_enqueue_scripts