Published on September 9, 2025

Oxygen 6.0 Beta 3 Is Now Available

https://youtu.be/4El7DJ7kz8Y

We’re excited to announce that Oxygen 6.0 Beta 3 is now available for testing. This release introduces a Term Loop Builder element, a completely reimagined Code Editor, upgrades to Design Sets, fresh UI improvements, and dozens of refinements to make building in Oxygen faster, cleaner, and more intuitive. This release also includes updates to the Breakdance extensions for Oxygen to v0.3.0.

Easily Loop Through Terms and Categories

Post Loops have always been a core part of Oxygen. With 6.0 Beta 3, you can now loop through Terms using the new Term Loop Builder element. This opens up a wide range of new design possibilities in Oxygen. Whether you need a directory of categories, a list of product attributes, or a loop for any custom taxonomy, the Term Loop Builder gives you the flexibility to craft these layouts directly in Oxygen.

Code the Perfect Term Query

Need to display a list of product categories, a visual index of blog topics, or a directory of custom taxonomy terms? The Term Loop Builder gives you all the tools to build those layouts directly in Oxygen. You can start with simple controls to choose the taxonomy, set the number of terms to display, and decide whether or not to include empty terms. From there, you can enhance it further by writing custom PHP queries. Since the element is powered by WordPress’s own WP_Term_Query class, you can construct highly specific queries that return exactly the terms you need, no matter how complex.

Design Jaw-Dropping Term Layouts

Once your loop is in place, the real power comes from what you do with it. The Term Loop Builder integrates seamlessly with Oxygen’s Dynamic Data system, allowing you to display not only default term fields but also custom data. Advanced Custom Fields, Metabox values, or even manually entered fields can be displayed within each term component. And if you need even more flexibility, you can use the Dynamic Data API to create your own custom data points. This makes it possible to transform a simple taxonomy loop into a fully featured, data-driven component.

A Supercharged Code Editor

Writing code in Oxygen is an everyday part of the workflow. In Beta 3, we’ve completely reimagined the Code Editor to make it faster, smarter, and more enjoyable. Every place you use Oxygen’s code editor, whether writing CSS, using a PHP Code element, or working in Element Studio, they all benefit from this upgrade.

Support for Emmet

One of the biggest additions is full Emmet support. Instead of typing out repetitive lines of HTML or CSS, you can now use Emmet shortcuts to generate code instantly. For example, typing h10 in CSS will expand into height: 10px; while ul>li*3 in an HTML area will produce a complete unordered list with three list items. This kind of shorthand is a massive time-saver, reducing keystrokes and making prototyping much faster. Check out a complete Cheat Sheet for Emmet commands.

Reference Variables and Selectors with Ease

Another major improvement is built-in support for Oxygen’s Variables and Selectors. Any selector defined in Oxygen will show up immediately for autocomplete while typing. CSS variables can also be autocompleted by typing --, with the editor converting the variable to the right syntax.

Faster Custom Elements in Element Studio

All of the changes make creating elements within Element Studio so much quicker. Quickly see element controls as Twig Variables by starting with {{, and easily access Twig tags by typing %%. These new features will speed up element creation and design exponentially so you can build the perfect elements for any scenario.

Plus So Many More Improvements

We’ve also upgraded to CodeMirror 6, implemented advanced features like intelligent autocomplete, linting for error checking, automatic code formatting, and bracket matching. Plus, the editor now includes a built-in color picker that appears for CSS variables, making it easy to work with design tokens on the fly.

Better Workflow With a Cleaner UI

We’ve introduced several UI improvements designed to keep your workflow organized and reduce the time spent hunting for information.

Get Details When Hovering

When hovering over an element in the canvas, you’ll now see its icon and name displayed. This may sound small, but it eliminates guesswork when working with deeply nested structures or similar elements. You can identify exactly what you’re selecting before clicking, which speeds up navigation.

Easy-to-follow Style Indicator

New in Beta 3 is the ability to easily see what styles are inherited, or overriding the style of your currently selected class. Purple means the style comes from the currently selected class, yellow means the style comes from another class or breakpoint, and red means the style is being overridden by another class.

Reorder Classes

Another improvement is the ability to reorder classes by drag-and-drop. Keeping classes in order is key to staying organized, and this update lets you control the order they appear in your builder. It doesn’t affect front-end cascade (that’s handled in the Selectors Panel), but it does give you a much cleaner and more logical workflow inside the builder.

We’ve also unified menus, refined unit controls, and improved variable performance throughout the builder. Together, these changes make Oxygen feel more polished, more predictable, and easier to use over long build sessions.

Stronger Design Library

Design Sets, introduced in Beta 2, were a big step toward creating reusable design systems. In Beta 3, they get even stronger. Now, when importing a Design Set, Oxygen will also import Variables and Selectors. This means your colors, typography, and reusable styles come along with your content automatically.

We’ve also improved component logic during import. Components are now correctly assigned in the builder to the elements that rely on them, making the import process seamless. That means when you pull in a Design Set, everything is properly connected and ready to use.

These upgrades turn Design Sets into a powerful tool for building at scale. You can create a system once and reuse it across projects with confidence, knowing your styles and components will remain consistent.

Quickly View Breakdance Form Submissions

Breakdance Forms now make it easy to keep everyone on the same page with built-in submission logging right in the WordPress Admin. You can quickly review entries, track down issues with form actions, and give teammates access to view submissions.

Changelog

General

New: The Code Editor has been completely revised and introduces better formatting, autocomplete options, Emmet support, and more.
Enhancement: Importing Design Sets will now import Variables and Selectors.
Enhancement: You can now reorder classes.
Enhancement: The CSS Control now adds the current :selector by default.
Tweak: Control fields that are conditional of another control properly work on different breakpoints.
Tweak: Oxygen’s in-builder error message will now properly identify what plugin and/or hook is causing an error.
Tweak: Exit menus for builder are now under one menu item.
Tweak: Improved Variables performance and availability.
Fix: Variable Overrides work with Dynamic Data Images.
Fix: Element Studio properly saves elements and no longer results in missing elements.
Fix: Components will now be properly assigned to the designs they are in when importing Design Sets.
Fix: Align controls show for inline-grid.
Fix: Custom Fonts no longer cause a 500 error when opening Oxygen.

Builder

New: UI now indicates when styles are present from another class or breakpoint.
Tweak: The parent element is now selected after exiting inline Component editing.
Tweak: Various visual improvements to builder Panels.
Tweak: Improved unit control sizing in the UI
Fix: The cursor now stays in the hex code box when adding a variable color.
Fix: The Keyboards Shortcut Modal opens correctly.
Fix: Custom names now always display correctly in the structure panel.
Fix: Components are now properly named in all areas around the builder.
Fix: The Media Size and Focus Point inputs are properly sized again.

Elements

New: Term Loop Builder element
Fix: The Shortcode element properly includes a text input.

Breakdance WooCommerce

Tweak: The WooCommerce Password Hint now displays correctly.
Tweak: The dropdown arrow for the Single Products now properly displays.
Fix: Fixed an error where the Shop Page element encountered errors due to some incorrect presets.