automatic.css
Introducing the Most Practical, No-Nonsense Utility Framework Ever Created for Oxygen Builder
Automatic Typography
Automatic Colors
Automatic Spacing
Automatically Responsive
Automatic Grid
Insane Customizability
Automatic Fallbacks
Finally, A True Utility Framework
Doesn't Do Too Little
Doesn't Do Too Much
Keeps Up With You
Gives You Control
Lightweight & Bloat-Free
Designed for Actual Devs
Here's What You Can Quickly & Easily Control With Automatic.css
- Background Colors
- Background Overlays
- Text Colors
- Button Colors
- Outline Buttons
- Link Colors
- Hovers
- Headings
- Text Sizes
- Text Scale
- Text Colors
- Margin
- Padding
- Section Padding
- Spacing Scale
- Button Colors
- Button Sizes
- Flex Layout
- Flex Item Position
- Flex Item Order
- Grid Structure
- Grid Breakpoint Structure
- Grid Gap
- Grid Item Position
- Grid Item Order
- Grid Item Span
- Border Radius
- Radius Scale
- Max-Width
- Min-Height
- Box Shadows
- Breakouts
- Image Object Fit
- Image Flip
- Sticky Elements
- Opacity
- And more...


Here's What Automatic.css Users Are Saying
Start Using Automatic.css On Your Websites Today!
- Automatic.css WordPress Plugin
- ACSS Private Community Access
- Automatic.css Support
- Use on one Oxygen website
- Renews at $69/year
- Automatic.css WordPress Plugin
- ACSS Private Community Access
- Automatic.css Support
- Use on unlimited Oxygen websites
- Renews at $99/year
Questions About the Framework?
Most frameworks set a root font size, typically either 100% or 62.5% (the latter makes using rem units much more intuitive). This can cause issues for people who prefer one root size over another. Automatic.css is unique in that you can set your root font size to whatever you want it to be and Automatic will recalculate the entire system to adjust to your preference.
Yes, you can completely customize your website's colors in the dashboard using Hex, RGB, or HSL. In the future you'll be able to add additional colors and their corresponding classes and variables easily with one click.
You can edit the lightness value for every shade that is generated by the framework. This allows you to dial in the shades to match your brand essence or design. In the near future, you'll also be able to adjust the saturation value for perfect color control.
Yes, Automatic.css gives you multiple points of control over text sizes.
- You can control the base font size which adjusts all sizes evenly.
- You can control the font size scale which adjusts the variation between sizes.
- You can completely override Automatic's text scale with manual values.
All changes made using these controls are automatically responsive.
Automatic.css has many unique and fundamental differences compared to other frameworks. Most would say it's a completely fresh and unique approach to utility frameworks. If you want to understand the critical differences, read this write up.
Absolutely. Utility classes are great for beginners because they help you accomplish a lot of things you probably can't do on your own. While there are certain parts of the framework that have a little bit of a learning curve, we have an amazing support team and support community that will help you!
While this framework was initially designed for Oxygen, it's going to make huge waves throughout other builder communities (Bricks, Zion, etc.), WordPress, WooCommerce, and eventually outside of WordPress as we build it to work on ANY website.
We have a lot of resources, a committed dev team, and two huge communities supporting it. For full transparency, we've made the roadmap public and will continue to do so.
If you don't like Automatic.css you can get a full refund within 30 days of purchase.
Your ACSS license does not turn the framework or plugin functionality on or off. Rather, it controls your access to support and plugin/framework updates. If you cancel your subscription, the plugin and framework will continue to work on your site at the current version. However, your ability to access support and updates will end unless you choose to renew your license again at some point in the future.