Well thoughtout features that automatically take care of classes, breakpoints, colors, layouts, and most other settings.
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.
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.
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.
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.
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.
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.
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.
Browse your advanced editing pages with just a single click, skipping through the annoying extra clicks.
Take advantage of the full power of CSS by using our advanced CSS editor that comes with every single element in your site.
Every time you save your page in the builder, your preview page will now auto-refresh.
Edit the body tag, :root selector, and all the heading tags with Oxygen's advanced editor.
Oxygen has a nice user interface but it has some inconsistencies here and those are addressed with BuilderAddon for Oxygen.
You can now make all size and spacing related properties like padding, margin, width, and height completely fluid.
Layouts that need to be set up differently for different breakpoints can now be made fluid without editing at all different breakpoints.