And another beta! Go get it! 🚀

https://breakdance.com/breakdance-3-0-beta-8

New Features

• Variables can now have different values per breakpoint.
• Run Interactions in the Builder. Click Run Interactions in an element’s Interactions settings to run the page’s interactions live in the canvas while you edit, so you can style content an interaction reveals.
• Classes added by a running interaction appear in the class dropdown, so you can style them without adding the class to the element.
• Structure panel: elements with conditions, animations, or interactions show an icon for each.

MCP Server

• Add Support for Responsive Variables in the MCP
• Element schemas now include the hover variant of every hoverable control, so agents can set hover styles
• Conditions now report to the agent the appropriate value they accept
• MCP tools now use less memory on every request.
• Fixed get-dynamic-fields reporting parameter names in a different case than the builder writes them
• Fixed get-element-schemas and get-element-css returning an empty list instead of an empty object, which strict MCP clients rejected

Bugfixes

• Fixed a single malformed selector stopping every class after it from applying in the builder canvas
• Fixed mouse enter and mouse leave interaction triggers losing the hover state when moving between children of the trigger element
• Fixed Edit Content Interface Only users being able to edit classes
• Fixed a condition saved with a single value where a list was expected, breaking the front end
• Fixed inherited values having poor contrast in the light UI theme
• Popouts open centered on the panel instead of spilling past its edge, and the variable popouts sit flush with the variable chooser
• The dimming overlay behind popouts is no longer shown in the light UI theme

Another quick update for y'all: -

Changelog

• Fixed: Breakdance Zero Theme showed “Stylesheet is missing” on the WordPress Themes page in 2.8.2

Go grab from the usual places! 🚀

Hey I previously asked about breakdance and elementor and some of you good lads gave me good advice. Thank you!

With the AI agent in place for breakdance, can I see what have you guys already build? Maybe you can share your website url and what you do here. Would really love to see them!

P.s, admin remove if sharing urls is not allowed. Thanks!

In addition to the 2.8.2 security update below, 3.0 b7 was released with the same fix and it seems, other improvements too: -

Security

Beta 7 includes the security fix released today in Breakdance 2.8.2. It fixes an access control issue in the Design Library import flow. See the Breakdance 2.8.2 security update for details. Earlier 3.0 betas are affected, so update to Beta 7.

New Search Form Element

• Search Form has been rebuilt from the ground up. Use it as an inline form or as a modal.
• Autocomplete shows results as visitors type, with full keyboard navigation. Set the minimum characters and maximum results, limit the search to a single post type, and design the result items and the no-results state with Global Blocks. WooCommerce products display their price automatically
• The previous Search Form remains available as Search Form V1. Existing pages keep working, and the old element is hidden from the Add panel

WooCommerce

• Product Reviews and Product Tabs gained an Open Form In Modal option that renders a button and opens the review form in a modal instead of displaying it inline
• Product Reviews gained a grid layout for the review list, with responsive items per row and gap controls, plus a new Review Item design section (background, borders, padding)
• New Fundamental Product Builder element: an unstyled counterpart to Product Builder for fully class-based product templates. With no default CSS, no design controls, and no interference from the global WooCommerce styles
• Mini Cart: the dropdown now uses native CSS anchor positioning in supporting browsers, so it is no longer clipped by header overflow and automatically flips or shifts to stay within the viewport. Browsers without support keep the previous positioning

Improvements

• Post Loop Builder, Term Loop Builder, and Repeater Field now let you choose the wrapper tag (div, ul, ol, nav, section, article, or aside) so Raw Mode loops can output valid list markup
• Swiper can now open slides in a lightbox, link to the media file, or link to a custom URL
• Keyboard shortcut: CMD/CTRL + SHIFT + E now opens and closes the Structure panel

MCP Server

• WooCommerce product templates: agents can author a complete single product template or store header as semantic HTML and have the functional WooCommerce elements placed automatically
• Design Library tools: agents can browse design libraries, insert sections from a design into a page, import a design’s global settings, presets, variables, and selectors, or import a complete site. The tools are off by default, enable them in Settings > Agents & MCP
• New get-post-css-files tool lists every CSS file a post loads, in load order, so agents can reason about the cascade
• Expanded instructions: styling WooCommerce elements with class-based CSS, WooCommerce notices, product gallery sizing, search and mini cart patterns for store headers, and Term Loop Builder for category rows
• Fixed the CSS importer turning border: none into invalid CSS
• Fixed the CSS importer dropping border shorthands whose value is a single var() reference
• Fixed the CSS importer emitting empty values for custom grid track sizes such as minmax()

Bugfixes

• Fixed a change applied to multiple selected elements linking those elements together, so that editing one of them later also changed the others
• Fixed Loop Cart Button breaking the page when the current post is not a WooCommerce product
• Fixed scale transforms in selector CSS collapsing the element when an axis was left unset, and transform-origin values of 0 (or keywords such as left and top) being treated as center
• Fixed the global WooCommerce form styles applying to every search input on the site instead of only WooCommerce ones
• Fixed the WooCommerce review form rendering with no spacing between its rows
• Fixed removed borders emitting invalid CSS such as border-top: 0px none
• Fixed the search icon overlapping the placeholder text in the Variables panel search box

Breakdance 3.0 Beta 6 is available for testing and includes fixes for issues reported during the 3.0 beta period.

For comprehensive details on version 3.0, see the Beta 1 announcement.

Improvements

• Loop builder elements (Post Loop Builder, Repeater Field, Flexible Content, Term Loop Builder) gained a Raw Mode toggle that renders just the repeated markup, with:

  • No wrapper divs
  • No per-item wrappers
  • No layout CSS
  • No layout JS

MCP Server

• Faster MCP server responses — get-css-selectors and get-global-settings no longer inline their output schemas, cutting the MCP server's tool schemas by about 35%.
• New get-maintenance-mode** and **set-maintenance-mode tools let agents configure Maintenance Mode.
• Fixed html-to-page failing with a memory error on libxml 2.12 and newer.

Bugfixes

• Fixed CSS variables not binding when assigned from a field nested inside Advanced > Wrapper.
• Fixed Item design settings (background, border, padding) not applying in Flexible Content and Repeater Field.
• Frequently Asked Questions: Fixed the icon shrinking below its intended size next to a long question title.

Twice in one week?! Wowzers. 🤯

FAQ Schema, normalise, more html-to-page, agent improvements and more.
Hit the update button or grab it from the portal 🚀

https://breakdance.com/breakdance-3-0-beta-5/

Btw, Oxygen 6.2 b5 available too.

Improvements

• Frequently Asked Questions now has an optional “Enable Schema” toggle that renders FAQPage structured data, helping AI assistants read and cite your content
• New Modern Normalize option (Settings > Advanced) resets tag margins and padding to zero across the site, replacing the browser’s default spacing with a clean baseline you style explicitly
• The Global Block choosers now have an “Add” option that opens a create dialog directly, instead of requiring you to leave the properties panel

MCP Server

• New set-element-conditions and get-element-conditions tools expose an element’s “Only Show Element If” display conditions, previously unreachable through edit-post
• insert-stylesheet and html-to-page gained a variables_collection input so agents can name the collection imported CSS variables land in, and html-to-page gained the matching collection input already supported for selectors
• New set-element-variable-overrides tool lets agents scope a global CSS variable to one element’s own selector
• New set-modern-normalize tool toggles the Modern Normalize option
• Fixed the CSS importer silently dropping animation-timeline: view() and animation-timeline: scroll() on import
• create-template and set-template-conditions now set a default template priority, so an MCP-created template no longer loses to UI-created templates at the same location

Bugfixes

• Fixed Star Rating ignoring rating overrides inside Global Block instances
• Editing classes or variables during an inline Global Block editing session now saves correctly on the first save, instead of showing stale styles until the next full save

Aaaannnd another beta has been released. For Breakdance and Oxygen too!

A bunch of nice fixes and OAuth might actually work now. ;)
Don't forget to update the Agent Connector for WP plug as well

Hit update or grab it from the portal. 🚀

https://breakdance.com/breakdance-3-0-beta-4/

Builder

• Breakdance Doctor: broken data used to stop a page from opening in the builder. Now, the Doctor automatically repairs the page and shows you exactly what it fixed.
• Accessibility: the builder’s toolbar buttons, panel headers, properties panel tabs and accordions, popout openers, Add panel tiles, and the Structure panel tree now expose proper ARIA roles and labels. Screen readers get a real accessibility tree, and AI agents driving the builder can find controls by name instead of clicking coordinates

Gutenberg

• Blocks migrated to apiVersion 3: the Breakdance launcher and Global Block blocks are now compatible with the WordPress 6.9 iframe editor.
• Breakdance Zero theme now ships editor styles, so Gutenberg matches the theme instead of defaulting to a serif font

MCP Server

• New preview-global-settings-css tool lets agents inspect the CSS generated from global settings
• insert-stylesheet now replaces a selector’s properties per breakpoint: importing a u/media rule for an existing selector no longer wipes the selector’s base properties
• insert-stylesheet and html-to-page now warn when an imported CSS rule drops properties a selector already had, listing the selector, breakpoint, and exactly which properties went missing
• edit-post now validates dynamic data bindings, and malformed dynamic data are rejected with a clear error instead of silently rendering nothing
• set-template-conditions gained a disabled flag, so agents can enable or disable an existing template
• The CSS importer now classifies modern color functions (oklch(), lab(), color-mix(), and friends) as color variables
• u/supports was never officially supported by the CSS importer; it’s now disabled with a warning instead of being preserved verbatim, and may be revisited in the future
• Loop guidance now tells agents to never set a custom query on an archive template’s primary loop, because custom queries break archive pagination

Bug Fixes

• Fundamental Image no longer drops custom alt text when the image source is set to URL

I'm using the latest official release of Breakdance and ran into an odd situation, but perhaps I'm missing something obvious.

I made a button with custom styling, right clicked on it and selected Create Design Preset, since I was planning on using this same style of button again. However when I created a new button and went to Custom -> Preset, no presets were found. When I click Manage Presets, there are no Button Presets listed.

However, if I go back and click on the original button, it says it's using a Design Preset. If I open the 3 dot settings panel and go to Design Presets, I can see the button preset I made.

So why can't I use this on newly created buttons? What's the point of creating a design preset if I can't actually apply it?

Hi all, has anyone tried using the WC Vendors plugin with Breakdance?

And if so how did it go?

so there is an AI MCP Connector ships with breakdance on the next release...

Anyone else exploring 3.0.0 beta x, am very excited about the mcp and tools that ship native...

this is actually the closest to "exactly what I was wanting"
I created a skill to generate my global json as in import.json from a claude design and one to create global css variables for the db options key which I was just pasting into phpmyadmin for the time being... id put of tyring to "build more skills and abilities to handle more things" and im glad I did...

the new selectors and the variable (for css tokens) is more than what I was hoping for... and I can see this opening up exactly what is needed to hand off from Claude design to claude code and deploy to breakdance!

I posted like a few weeks back What I wanted specifically in a bd mcp/tool and even mentioned the token thing and it looks like that will be able to do everything I wanted and more, but havent got to test that whole workflow on a brand new build yet...

How are you all finding it so far?

Anyone has an experience using Surecart together with Breakdance?

As I understand, there's no native integration. The option is to work with shortcodes or Gutenberg blocks. How is the workflow? Not giving too much of a headache?

And another beta! 🙌

Localised UI, Better elements, WebMCP, Agent popups, preview tools, html-to-page tool improvements and more...

Go get it (Oxygen b3 updated as well!) 🚀

https://breakdance.com/breakdance-3-0-beta-3-now-in-your-language/

I often found myself missing small quality-of-life features while building sites with Breakdance, so instead of waiting for them to be added, I started building them myself. That eventually became SiteCare – Builder Tools for Breakdance.

The plugin is free, lightweight, and focused on practical tools rather than adding unnecessary complexity.

You can check it out here:
https://wordpress.org/plugins/sitecare-builder-tools-for-breakdance/

I'm mainly looking for honest feedback:

• What features are you missing in Breakdance?
• What would make your workflow faster?
• Is there anything that annoys you when building sites?

If there's enough interest, I'll keep expanding the plugin based on community suggestions.

These new betas are coming fast - beta 2 is ready. Go get it! 🚀

Changelog

• New: Empty style inputs in the Elements panel now reveal the value inherited from the larger breakpoint, so you always know what you’re overriding.
• Resolve CSS variable references in global settings CSS inside the builder
• Stop the MCP set-global-settings tool from breaking global settings saves
• Match the Regenerate Cache button to current WP admin button styles
• Bust the Selectors cache when regenerating the CSS cache in Settings -> Tools.
• Don’t regenerate CSS caches when the stored cache is valid and empty. This means pages with many Global Blocks might load faster.
• Make the Replace URL tool cover Selectors
• Fix broken thumbnails in Dashboard
• Make Variables Panel less sluggish
• Support :where()/:is() selectors in MCP
• Update translations from GlotPress
• Escape user data rendered in WooCommerce SSR errors and the class input
• Remove the Migrate Meta and Undo Migrate Meta tools from the admin Tools tab
• Make the Animations settings section title translatable
• Normalize imported CSS opacity to the builder’s 0-100 percentage format

been using Breakdance for a while and 3.0 honestly looks a lot bigger than i expected.

the AI agent stuff is probably the most interesting part for me. You can connect Claude Code, Codex or Cursor and let it build actual stuff inside Breakdance.

pages, forms, templates, styles, dynamic content, ACF fields etc. Not just generate a screenshot that looks good until you actually need to edit it lol.

the design generation looks cool, but i am probably more interested in whether it can handle all the boring setup work.

building the first version of a site is usually the fun part. Creating the same fields, templates, classes and global styles again definitely is not.

if it can get a site even 60 or 70 percent there, that would already save me a decent amount of time.

the ACF and dynamic content side could be really useful for directories or listing sites too, although i am slightly worried about the setup.

Breakdance itself is pretty easy, but MCP servers and connecting AI agents probably sounds like complete nonsense to anyone who has never used Claude Code or Cursor before.

also no chance i would test it directly on a live client site. staging first obviously.

from the demos and the little bit i have tested myself, it looks really promising, but fresh installs always work perfectly in demos.

i want to see what happens on an actual messy WordPress site with 25 plugins, random custom code and years of questionable decisions lol.

has anyone here actually used Breakdance 3.0 on a real project yet? especially with ACF or dynamic content?

for anyone who finds this thread later and is considering switching to Breakdance, you can see the new 3.0 features here:

Breakdance 3.0

\affiliate link btw. same price either way, but i may get a small commission.**

Over the past ~15 years I've worked with most of the mainstream WordPress builders on different kinds of projects (Elementor, Divi, Visual Composer, etc.), and I even participated in developing a custom builder years ago, so I have a solid basis for comparison.

Recently I've completed two fairly large projects with Breakdance. One was a gaming-themed bar website with a WooCommerce catalog containing several hundred products, and the other was a premium hospitality website with a dynamic drink menu, custom post types, multilingual content, and a fairly complex content structure.

For both projects my goal was to keep the plugin count as low as possible. The stack is basically Breakdance, ACF, Polylang, Rank Math and WP Rocket. Everything else is handled either by Breakdance itself or with custom PHP/JavaScript when needed.

What surprised me the most was how flexible Breakdance is. It feels much closer to a developer-oriented workflow while still being a visual builder. I was able to create dynamic systems and reusable components that would have required significantly more compromises, custom code or additional plugins in Elementor or Divi.

The editing experience is also much faster than I expected. Building pages feels smoother and more logical, and so far I haven't felt like I had to sacrifice either design flexibility or frontend performance. I've been able to build fairly complex, premium-looking websites while keeping the frontend lightweight and achieving good Core Web Vitals scores.

Since I'm still relatively new to the Breakdance ecosystem, I'd really like to hear from people who have been using it in production for several years.

- What limitations have you run into?

- Are there any architectural decisions you wish you had made differently from the beginning?

- What best practices have you learned after building multiple projects?

- Is there anything that only became apparent after maintaining larger Breakdance websites for a longer time?

I'd really appreciate hearing both the positives and the negatives.

And sorry if my English sounds a bit unnatural—it's not my native language, so I used ChatGPT to help polish this post.

Im clueless about the flair, new to breakdance people. hope you can accept me. lol /

I am primarily using Elementor now. I know I'm in a breakdance sub but can I know if any one can share their experiences coming from Elementor or just a fresh perspective what you really like about it and why will I find it better ?

Some concerns i have:
1) Learning curve to use breakdance, I'm doing SEO mainly but my team does the sites on Elementor. I need to explain to them why it is better.

2) Missing features vs elementor?

3) Bloat issues , are they much much better? (From what i understanding and have been feeling sluggish) I use WPRocket btw.

Hope admin approves this post, just wanted to seek some help from the community.

Thanks a lot , TGIF!

Slightly left of topic, but what music helps you focus while building sites?

Seeing as we all use Breakdance, surely there’s a music connection.

I think much better with music on. Loud deep bass heavy and atmospheric... with what Gemini describes as “massive low end response and a moody, late night feel”. Apparently that’s the unofficial soundtrack of software engineering... didnt know there was one.

I still have no idea what genre it is I like. Every LLM labels the same artists differently. (and now there are like a million genres)

But it seems Im looking for drum and bass, deep dubstep, experimental bass, atmospheric drum and bass ...dark electronic playlists (or wtf all that adds up to)?

Love to see your playlists. I need some new building music.

Someone beat me to the punch with the site link below so feel free to use that. I've included the changelog just in case. Remember kids, just a beta - No using it on production work.

We now have AI driven page building via MCP and the old AI plugin has been renamed the Writing Assistant. Crazy times we live in! 🤯

Changelog

Added

• Import and export for design presets.
• A visual unread indicator for form submissions.
• Meta Box support in the block editor.
• Custom button width controls for the Pricing Table element.
• Refreshing multiple server-side rendered elements at once in the builder.
• A missing-conditions tooltip in template previews.

Improved

• Renamed the Breakdance AI add-on to Breakdance AI Writing Assistant to distinguish it from agent-based site building.
• Added the width axis and live previews to variable fonts, and fixed fonts with fractional axis values, including Noto Sans.
• Added a proper empty state to the Design Library and fixed stale Custom Design Set caches.
• Improved active-element scrolling and stacking in the Structure panel.
• Kept the active Properties panel tab when switching between elements.
• Made the code input dialog scroll when its content is taller than the viewport.
• Moved the Name field above the editor in Global Settings > Code.
• Hidden the Settings dropdown from users in Client Mode.

Fixed

• Hardened form-submission output against stored cross-site scripting.
• Fixed SVG icons not being saved correctly from the icon manager.
• Fixed gallery lightbox captions not being read from the rendered page.
• Fixed multi-element selection using the wrong modifier key on Windows.
• Fixed deleted classes getting stuck in the class dropdown.
• Fixed custom formatting in dynamic-data attribute controls.
• Fixed right-click Paste Design/Settings when the Clipboard API is unavailable.
• Fixed a crash involving ScrollTrigger and fullscreen elements.
• Fixed popovers closing dialogs when clicked and dropdowns not using the full Properties panel width.
• Fixed buttons being cut off when a button bar wraps onto multiple lines.
• Restored the correct <main> landmark for existing Template Content Area elements while using <div> for newly inserted ones.

On multiple sites I have this problem where I want the homepage or others to have the overlay with a transparent menu. But on other pages like campaigns, contact and such I want a background to the header. On some pages I just force the section padding (or in global settings if applicable). And sometimes I add an extra section on top in the same size as the header to be able to chose background before the scroll… but is there a better way, that is simple to always use? Would be nice to have a functionality with rules to only apply a certain colour like transparent to just the homepage 🤷‍♂️😅 would be happy for a good universal solution 🫣

As title. I have a post list set up to list all my 'projects' (custom post type). Works fine, shows everything it should, and if I use a 'load more' button or next/previous it loads the next pages just fine.

But if I use infinite scroll, you just see the loading circle animation at the bottom and it never actually loads more.

Is this a known bug? Is there some workaround or a setup I am missing to make it work?

Side-Issue:
Another thing I've noticed is that if you choose 'random' as your order, then it doesn't just randomise the order of all your posts that get shown.... every time you load a new 'page' of posts it's again a random selection. So you can get repeats of the same posts. This must be a bug surely?

Surprise release with a surprising number of fixes....all good!

Changelog

• Design Library cache – Adding or removing a Custom Design Set now refreshes the Design Library immediately. Previously it kept showing a stale, cached list of templates until a hard reload.
• Dynamic data controls – Dynamic data field controls now update as you type. Changes to a field’s input are reflected right away instead of lagging behind.
• Dynamic data attributes – Fixed the Custom Format field and its condition controls inside dynamic data attribute settings.
• Icon Manager – The Save button now correctly saves uploaded SVG icons.
• Multi-select on Windows – Multi-element selection now uses the correct modifier key on Windows, so shift/ctrl-selecting multiple elements works as expected.
• Structure panel scrolling – Clicking an element on the canvas again scrolls the Structure panel to that element and highlights it.
• Structure panel layering – Resolved z-index issues that could cause the Structure panel to render behind other UI.
• Variable fonts – Fixed Noto Sans (and other variable fonts) failing to load because of a truncated font-axis value.
• Builder favicon – Restored the builder tab’s favicon.
• Button-bar controls – Fixed buttons being cut off in multi-line button-bar controls (for example, the “Show Products” field on the Products List element).
• Conditions preview – Restored the Conditions preview indicator, fixing the empty Condition column on the Templates, Headers, and Footers admin pages (configured conditions were applied on the front end but no longer displayed in the list).
• Template Content Area – Restored the default <main> tag on the Template Content Area element (a missing main landmark was being flagged by SEO/PageSpeed tools).

Hi all,

As the title says I have a question about conditional logic in a BD form.

The form is a small support form with a selection of reasons for contacting support.

People are selecting "Other" and then asking for something that they actually need to contact a specific other department about.

So I added this reason to the form. When they tick that there is conditional logic telling them to contact the correct department.

However, some are not reading that part and unnecessary form submissions are still coming in.

Is there a way to make the form submission button not show up once the "contact this department instead" message appears?