Published on July 3, 2025

Oxygen 6.0 Beta 2 is Now Available

Since we released Oxygen 6.0 Beta 1, the response has been incredible. We’ve been blown away not just by the volume of feedback, but by the overwhelming demand and excitement around what’s coming in Oxygen 6. The community jumped in fast, tested hard, and gave us exactly the kind of feedback we need to keep pushing forward.

Since that initial release, we’ve been working intensely behind the scenes on Beta 2, refining features, fixing bugs, and polishing the experience based on everything you’ve told us. We care deeply about getting things right, and that means taking the time to make sure every piece of the builder feels fast, solid, and intuitive. We know that attention to detail in the beta phase sets the foundation for a stable, reliable final release.

Today, we’re excited to introduce Oxygen 6.0 Beta 2, packed with powerful updates based directly on what you’ve told us.

Thanks again to everyone who’s been testing, reporting bugs, and helping shape the future of Oxygen. Let’s dive into what’s new.

Element Studio – Now Available In Oxygen

Previously exclusive to Breakdance, Element Studio is now available in Oxygen, and it changes everything for developers and power users. Element Studio is the same visual interface we use internally to build the core elements for Oxygen and Breakdance, and now you can use it to create your own fully custom builder elements with native-level integration.

Element Studio lets you define the controls for your element – everything from text fields and image pickers to toggles, repeaters, and more. You then write your element’s HTML and CSS output, and link that output to the values of your controls. Design properties like padding, colors, or layout settings generate dynamic CSS, while content controls populate the HTML structure in real time.

Need something more advanced? Element Studio supports integrating with your own or 3rd party JavaScript, so you can build interactive elements like sliders and modals. You can do all of this without touching a plugin file or registering elements manually in PHP.

Whether you’re a developer building a set of components for commercial release, or an agency creating a consistent set of custom elements across projects, Element Studio is built for you. It provides a clean, efficient workflow for developing maintainable, reusable elements entirely within the builder.

Even more exciting? The entire 3rd-party element ecosystem built for Breakdance using Element Studio is now compatible with Oxygen. That means as a developer, you can build once and deploy across both platforms, and as a user, you can tap into a growing library of high-quality elements, all built with the same powerful tooling.

This is a major step toward a unified ecosystem, and it opens the door to faster development and a far more powerful builder experience in Oxygen 6.

Inline Component Editing

Components in Oxygen are reusable, centrally managed elements that allow you to build faster and keep your designs consistent. A component can be any group of elements – a hero section, pricing table, testimonial card, feature block, or even an entire section layout. Once created, that component can be reused anywhere on your site, and any updates you make to it will automatically apply across all instances.

Unlike the “global blocks” in most WordPress builders, what makes Oxygen’s component system especially powerful is that each instance can have editable properties. That means you can reuse the same component structure and design across your site, while still customizing the content of each instance – like changing text, images, or links.

Components are now fully editable inline – directly within any page or template. No more opening a new tab, waiting for the builder to reload, or jumping between views. Just click your component, edit it inline, and keep building.

Inline component editing makes Oxygen’s component system not just powerful, but effortless to use. It encourages the creation of consistent design systems, speeds up your workflow, and makes managing large or complex sites far more efficient. With reusable building blocks you can update in context, without breaking focus, you’ll build faster and maintain a cleaner, more maintainable site from start to finish.

Add Elements by Just Typing the HTML Tag

In previous versions of Oxygen, adding an element with a specific tag, like h1, section, or article, often meant extra steps. Even if you used keyboard shortcuts to open the Add panel and insert the element, you’d still have to manually adjust the tag afterward. It was functional, but not fast.

Now, that process is instant. Just open the Add panel (Command+A), type the tag you want, and hit Enter. Oxygen will add the appropriate element and automatically assign the tag you typed – no extra clicks, no need to tweak settings after the fact.

This works for any element that supports custom tags, including headings, sections, divs, and more. Whether you’re building out a semantic HTML structure or just working quickly through a layout, this feature keeps your hands on the keyboard and your focus on the design. It’s a small change that makes a big difference in how quickly and cleanly you can build.

Template Content Area Element

The new Template Content Area element is a replacement for what was previously called Inner Content in Oxygen Classic. This element is used in templates to control where the content from individual pages will appear.

For example, if you’re building a template for blog posts, landing pages, or product pages, you’ll typically include a header, footer, and maybe a sidebar. The Template Content Area is where the main content of each individual post or page will be inserted when that template is applied.

Here’s how it works:

Design your template and add global layout elements like headers, navigation, and footers.
Insert the Template Content Area where you want the page-specific content to appear.
Apply the template to your pages, and Oxygen will automatically render each page’s content inside that placeholder.

Same-Site Design Library

Oxygen 6.0 Beta 2 introduces the new same-site design library, making it easier than ever to reuse your own designs across the site you’re working on, with zero setup required.

Now, every design element you create on any page is automatically available in the Design Library for use anywhere else on the same site. There’s no need to manually save items or configure anything. Just open the Design Library panel, and everything you’ve built is right there – ready to insert, reuse, and remix.

Whether you’re reusing hero sections, repeating layout patterns, or building your own internal design system, the same-site design library streamlines your workflow and helps you maintain consistency across your entire project.

Design Library Open To 3rd-Party Creators

With Oxygen 6.0 Beta 2, the Design Library is now open to 3rd-party creators. Developers and designers can now distribute and reuse full design sets across multiple projects.

Anyone can now build and share their own libraries, making it easier to package up design systems, create client-ready kits, or launch commercial layout packs built specifically for Oxygen.

It’s a powerful step toward a more open and flexible design ecosystem, where high-quality, reusable design assets can be created, shared, and installed with ease.

Improved CSS Grid Controls

Designing with CSS Grid in Oxygen is now more intuitive, flexible, and powerful than ever. In Oxygen 6.0 Beta 2, we’ve reworked the grid controls to make complex layouts easier to build, without needing to manually calculate positions or write custom CSS.

Whether you’re creating simple column layouts or intricate, multi-area designs, the new controls give you the freedom to structure your pages visually and semantically. It’s faster to get started, easier to manage, and far more aligned with how modern CSS Grid is meant to be used.

This update brings a big step forward in layout design, enabling you to build smarter, cleaner grids that adapt beautifully across screen sizes, while staying fully in control of the underlying CSS.

Masonry Layout for Loop Elements

Loop Elements in Oxygen now support Masonry layouts, giving you full control over dynamic, responsive grids—no third-party plugins. Masonry layouts let items flow naturally into a staggered structure. It’ll handle uneven content heights and irregular media, resulting in tightly-packed, gap-free layouts that just work.

Add a Loop Element, enable the Masonry layout under the Design tab, and set the items per row. Oxygen takes care of the rest—automatically optimizing layout based on content height and available space.

Scroll-Based Color Animations

Oxygen now supports scroll-triggered animations for text and background colors, opening up a powerful new layer of visual storytelling.

As users scroll, you can dynamically shift colors to reflect changes in tone, mood, or content—whether it’s transitioning from light to dark, signaling section changes, or enhancing interactivity. It’s ideal for hero sections, long-form content, landing pages, or immersive brand storytelling.

Enable the animation in the Scrolling Animation panel, define your color transitions, and Oxygen handles the rest. No custom code or JavaScript needed.

This feature helps build high-impact, narrative-driven experiences—while staying fully in control of the performance, design, and accessibility of the page.

Improved Workflow Enhancements

Improved Spacing Controls

Spacing controls in Oxygen 6.0 Beta 2 have been upgraded to make margin and padding adjustments faster, more precise, and easier to manage.

You can now use “Apply All” and “Apply Opposite” actions to quickly sync values across sides. Whether you’re applying the same spacing to all sides or just mirroring left and right, it now takes just one click, or a keyboard shortcut.

To clear spacing values, simply double-click outside the control. a small detail that speeds up cleanup when making layout changes.

And when using CSS variables for spacing, those variable values are now shown clearly in the UI, so you always know exactly what’s being applied. These enhancements make spacing more intuitive and efficient, especially when working at scale or fine-tuning reusable components.

Default Units Across the Builder

Set your preferred unit—px, em, %, or rem—once in Oxygen’s Preferences, and that unit becomes the default across every control. No more switching units for margins, padding, or font sizes. Just pick your favorite once, and every control respects it from that point on.

With consistent units baked in, you spend less time managing settings and more time designing. Everything stays aligned, your process speeds up, and the builder feels even smoother to work in.

UI Enhancements

Oxygen 6.0 Beta 2 introduces a range of interface improvements that make the builder feel sharper, clearer, and easier to use.

We’ve improved contrast throughout the interface to make text and controls easier to read. Everything now stands out more clearly, which helps reduce eye strain and makes the builder easier to work in, especially during long sessions.

Colors across the UI have also been updated for better clarity. Variable values now have their own color, so it’s easy to spot where a value is coming from a CSS variable instead of being entered manually.

And when you enter a custom unit, the input field is now larger and floats above the interface.

In addition to these changes, we’ve made a number of other subtle polish and usability improvements across the interface.

Breakdance Elements & Breakdance Forms Oxygen

Oxygen 6.0 Beta 2 improves compatibility with Breakdance by resolving several issues related to using Breakdance Elements for Oxygen and Breakdance Forms for Oxygen.

Previously, global styles from Breakdance could conflict with Oxygen elements, causing unexpected styling changes. In Beta 2, those conflicts have been eliminated, so styles meant to only apply to Breakdance Elements no longer interfere with Oxygen’s elements.

We’ve also addressed JavaScript errors that could occur when certain Breakdance elements were loaded in Oxygen. If you’re using Breakdance Elements for Oxygen or Breakdance Forms for Oxygen, this update removes a lot of the friction and makes everything play much more nicely together.

Bug Fixes & Feedback

Oxygen 6.0 Beta 2 includes a wide range of bug fixes and stability improvements, many of which are the direct result of reports from our amazing user community. We want to sincerely thank everyone who’s taken the time to test the beta and submit detailed bug reports. Your feedback helps us move faster and build a better product for everyone.

To improve transparency and make it easier for you to contribute, we’ve launched two dedicated platforms.

Bug Reports
You can now view, report, and track known issues on our official GitHub issue tracker: https://github.com/soflyy/oxygen-bugs

Feature Requests
We’ve also introduced a separate feature request board, where you can submit ideas, vote on suggestions, and help shape the future of Oxygen: https://oxygen.canny.io

These tools are part of our commitment to clearer communication and a more community-driven development process. Thank you again to everyone participating in the beta – your input truly makes a difference.

There’s Much More…

We’ve fixed a ton more and polished a bunch. You’ll notice some small changes throughout the UI, more values for various properties like display, etc.

A mostly complete list of those changes is below.

General

New – Design Library is now available for use on the same site.
Enhancement – You can now select “Is none of” as an option for the “Has Taxonomy” condition.
Tweak – Improved class name structure for some default classes.
Tweak – You can now access Components used on a page or template via the Oxygen menu item when viewing a page or template on the front end.
Tweak – The Edit Button has been removed on pages that have been edited in Oxygen if the user does not have builder access.
Tweak – Oxygen 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 – The Link Chooser “Add Link” button is no longer cut off when some SEO plugins are activated.
Fix – The Replace URLs tool properly works.
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 Oxygen.
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 – Components may now be edited inline, meaning you don’t have to reload to the builder to modify a component.
New – Element Studio IDE is now available within Oxygen.
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 – You can now disable the Custom unit type in Preferences
Enhancement – You can now set the default unit type in Preferences.
Enhancement – Vertically Center and background options are now available for the Preview Size settings of Components.
Enhancement – Easily apply padding and margin to all sides or opposite sides when using a variable.
Tweak – The undo point for Spacing Input now goes back to where you started instead of each value that was changed while dragging.
Tweak – Preview Sizes for Components are now component-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.
Fix – When switching from a Component to another Template or Page, the Preview Size option for Components will be correctly hidden.
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 that uses the Post Content data point will now trigger the proper dialogue to direct you to the Template.
Fix – The right-click menu in the structure panel no longer overflows the viewport on occasion.

Elements

New – Added Template Area element.
New – Loop Elements now support Masonry layouts.
Tweak – The Line Height setting for Typography has been moved to be accessible from the top level.
Fix – AJAX pagination support for Breakdance Elements for Oxygen and Oxygen elements.
Fix – Invalid HTML attribute names no longer cause conflicts.

Breakdance Elements for Oxygen

New – Loop Elements now support Masonry layouts.
Enhancement – Text-wrap is now available for Typography settings.
Enhancement – Social Icons now have border controls.
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 – Breakdance Elements are prefixed with the breakdance class
Fix – Load More & Infinite Scroll will correctly load more posts.
Fix – Element dependencies are now properly synced.
Fix – Breakdance Global Settings no longer override CSS.
Fix – Items Per Row now works for the Post List element.
Fix – Post Loop Builder design settings correctly work.
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.