Features

• Light And Dark Mode
  

  People have started associating dark mode with professional designs. However, building a site for dark mode has historically been a difficult job, especially when you consider people who prefer light mode. As a result, building a site that has both light and dark modes has only been achieved by big enterprises. But BuilderAddon made it so simple that it works automatically.
  

• Fluid Typography
  

  All your designs should be responsive so that people can enjoy them on all their mobiles, tablets, laptops, and other devices. But modifying the design for every device takes a lot of time and makes it harder to update your site later. With BuilderAddon you set a value for just the maximum and the minimum breakpoints, and everything in between becomes automatically fluid.
  

• Color Palette
  

  For a long time, you could use names like S, M, L, and XL for things like your font sizes, spacing, and for many other things to have a consistent design across your entire site. But you couldn't do that with your colors because they are more complex. But BuilderAddon solves that with its innovative contrast-based semantic color palette.
  

• Global Styles
  

  Every time you add an element, you want it to have all the same styles as the other similar elements. And every time you make some changes to any of the sites you've already built, you want the changes to apply to all the same elements so that you don't have to do the same things repeatedly. BuilderAddon does exactly that on your site.
  

• Built-In Presets
  

  Something that takes most of your development time and forces you to type repeatedly are classes and CSS variables. You create a few hundred of them by typing their long names. Then you add them to your elements by typing their names thousands of times. That's why BuilderAddon eliminates the need for classes and variables by providing you with simple buttons and easy presets.
  

• Export & Import
  

  All the features from BuilderAddon allow you to build your site very quickly while making it more scalable and maintainable. But when you are building another site, you still must do the same things again. That's why the export and import feature from BuilderAddon allows you to copy all your styles and settings from one site to another.
  

• Heading Scale
  

  Set a font size and a font size scale for your headings to make all your h1, h2, h3, h4, h5, and h6 heading sizes automatically adjust.
  

• Custom Presets
  

  Create and manage custom presets for all different elements so that you no longer need to type class names to add them to your elements.
  

• One-Click Navigation
  

  Browse your advanced editing pages with just a single click, skipping through the annoying extra clicks.
  

• Advanced CSS
  

  Take advantage of the full power of CSS by using our advanced CSS editor that comes with every single element in your site.
  

• Live Preview
  

  Every time you save your page in the builder, your preview page will now auto-refresh.
  

• Tag Styles
  

  Edit the body tag, :root selector, and all the heading tags with Oxygen's advanced editor.
  

• UI Improvements
  

  Oxygen has a nice user interface but it has some inconsistencies here and those are addressed with BuilderAddon for Oxygen.

• Fluid Sizing
  

  You can now make all size and spacing related properties like padding, margin, width, and height completely fluid.
  

• Fluid Layout
  

  Layouts that need to be set up differently for different breakpoints can now be made fluid without editing at all different breakpoints.

What Everyone Is Saying

This is the type of addon I can get behind.
...
This addon is actually innovative, useful, presents a new way of doing things that most people haven't thought of, and changes Oxygen in a unique way that we would probably never consider including in core.
Nice job.

Louis Reingold

I'm super excited to see something that will handle light/dark mode and responsive headers. I'm sure there are many other features I'll love, but right out of the gate, that's gotta be what stood out to me.

Mike Bowden

Definitely like this export feature.
Especially be able to export/import a specific selector or classes folder would be a game changer for me!

Jan Karel Broer

This addon is amazing. It does not add any css or javascript in site frontend and will not harm site speed.
The H1 .... H6 global setting is really helpful. At first I did not understand and then I cleaned oxygen default font sizes in global settings and added addonpress font size for each heading in each breakpoint, colors and so much more. The result is fluid typography and fluid design.

Sharif Payenda

I think it’s a clever implementation of many techniques that now we can control inside the builder 🙌
The possibility to access the root and the body straight from the builder is great. The possibility to easily style the html elements is fantastic. Having two states for every element is amazing, the use of classes to work as presets look amazing, and more, and more and more.
I really like it. Sometimes working with ACSS feels like “too much” for me, as there are so many options and so many things working under the hood, that it feels like a “black box” at times. In this way, I could easily build my own design system for each website 👌

Aaron Blanco Tejedor