Skip to content
Just updated71 new versions in the last 24 hoursDownloads left today: of of leftNo downloads left today · Resets in h
Join nowAccount
Automatic.css plugin cover image

PluginUpdated

Automatic.css

by Kevinv4.0.2Unlimited sites

Automatic.css is a WordPress plugin by Kevin that gives you a CSS framework built for page builders.

Product facts

Version
4.0.2
Released
2 November 2026
Type
Plugin
Licence
GPL
Included in
Every plan, or $4.89 / year on its own

Overview

Styling a WordPress site by hand means repeating the same decisions about colors, font sizes, spacing and breakpoints on every page. Automatic.css handles much of that groundwork. You set your brand colors and a base typography size, and the framework generates the supporting values and classes for you to apply in your page builder.

The framework is designed to work with popular WordPress page builders and allows customization across all styling areas, rather than locking you into fixed utility patterns. Its automatic responsive settings reduce the mobile styling you need to do, and global controls let you update styles or re-theme a whole site from one place. Beginners and experienced developers can both use it.

Features

  • Page builder integration: Automatic.css is designed to work with popular WordPress page builders, so you can apply its classes and variables while building without a separate styling workflow.
  • Automatic responsive design: Typography, spacing and layouts are optimized across devices automatically, which reduces the amount of mobile styling you have to write yourself.
  • Dynamic color management: Set and swap your brand colors, and the framework generates shades and transparencies from them so the color scheme stays consistent across the whole site.
  • Fluid responsive typography: Text scales smoothly across screen sizes using a base size and a scale value, with options for quick, granular overrides when a specific element needs them.
  • Mathematically scaled spacing: Spacing utilities follow mathematical scales, which gives sections and elements a consistent rhythm without picking each margin and padding value by hand.
  • Flexible layout system: Build responsive grids and column layouts with Flexbox and CSS Grid, including automatic breakpoint management and the Flex-Grid features the framework provides.
  • Global, maintainable styling: Re-theme an entire site or update styles globally while keeping the codebase clean, which helps projects stay manageable as they grow.
  • Color preview swatches: The color preview swatch works with any CSS color, including color-mix(), oklch() and light-dark() values, so you can check a color while you edit.

Best for

  • WordPress designers building sites with page builders
  • Developers who want consistent, maintainable styles across projects
  • Beginners who want ready-made classes instead of custom CSS

Changelog

Version 4.0.2

  • New Bricks now has many new recipes, including ?flex-grid , ?center-* , gradient helpers, ?tooltip , ?footer-reveal , ?skip-link , ?font-face , ?corner-ribbon and pseudo-selector shortcuts like ?::before and ?:hover . Learn more
  • Improved Recipes now work without turning on Variable Expansion & Validation. That setting now only controls the automatic var() , calc() and bracket corrections.
  • Improved Several recipes have new defaults: ?columns uses 350px columns with no rule, ?variable-grid uses a 350px minimum, ?concentric-radius adds --inner-radius , the divider recipes skip edge spacing and the fade recipes support --fade-softness . Learn more
  • Improved Color recipes like ?primary-clr expand to working OKLCH relative colors again.
  • Improved Recipes now use ? in every builder and in the dashboard. The old @ trigger is gone.
  • Improved The broken ?breakpoint-xs to ?breakpoint-up-xxl recipes were removed. Use your builder’s breakpoints or a normal media query instead ( community thread ).
  • New You can set your license key with an ACSS_LICENSE_KEY constant in wp-config.php . It activates automatically, and the license screen shows which domain the license is active on. Learn more
  • New New Check for updates now button on the license screen. Learn more
  • Improved After updating from Automatic.css 3, the license screen no longer stays locked when the old license has nothing left to release. While it is still being released, the screen tells you why and when the next attempt runs.
  • Fixed Failed license activations and deactivations now show up in the Activity Log.
  • Improved Wp acss license get shows where the key comes from and which site it is activated on. Learn more
  • New Import and export your settings from the dashboard header menu, including unsaved changes. Learn more
  • Improved Importing an Automatic.css 3 settings file now converts it for v4 automatically. Learn more
  • Improved Reset to defaults moved into the header menu, with clearer confirmations and a press-and-hold reset. Learn more
  • Improved Download and clear the Activity Log right from the settings page. Learn more
  • Improved Number fields accept values like 480px , 2rem and 1.2em , and upgrades no longer get stuck on “There are some settings that needs to be fixed” ( community thread ).
  • Improved When saving fails, the dashboard now shows the real reason and keeps the back button visible.
  • Improved The live preview waits for the right editor canvas, so it no longer fails to start in the block editor ( community thread ).
  • Improved In Bricks, paste, undo, copy and other editing shortcuts work in dashboard text fields again ( community thread ).
  • Improved Dashboard shortcuts no longer block browser shortcuts like Inspect Element while the dashboard is closed ( community thread ).
  • New ACSS shades are grouped under each main color in a single “ACSS Colors” palette. Learn more
  • Improved The variable context menu only offers variables ACSS 4 actually generates, including the new width tokens ( community thread ).
  • Improved The “Import Original Classes for Templates” setting works again.
  • Improved The Grid Visualizer stays hidden when you turn it off.
  • New WS Form styling now applies with Layer utilities and the WS Form Styler, and the focus outline is back ( community thread ).
  • Improved Error color, secondary color and tooltip radius keep working when the related ACSS options are off.
  • Improved The settings for section legend weight, inside label scale and navigation borders now affect your forms.
  • New Outline buttons use their own focus color settings.
  • Improved “Use Global Transition Style” for links now works as expected.
  • Improved The 2XL icon size and padding settings now generate correctly.
  • New Enter and exit effects can be combined on the same element, and on-enter--parallax moves even when other entrance effects are enabled ( community thread ).
  • New Activity and debug logs use unguessable file names.
  • Improved Update checks only run for administrators, cron and WP-CLI.
  • Improved On multisite and other installs without unfiltered_html , site administrators can edit Global CSS again, with imports limited to Automatic.css files. Learn more
  • Improved Pages no longer lose their ACSS styles when a request sends JSON headers. This prevented unstyled pages from ending up in your page cache ( community thread ).
  • Improved Regenerating CSS rebuilds your Custom CSS when its source file is missing, so custom styles no longer disappear.
  • Improved On multisite, ACSS tells you to network-deactivate Automatic.css 3 first, and the upgrade keeps third-party settings like Frames toggles.
  • Improved Cheat sheet documentation links point to docs.automaticcss.com, and the color preview no longer shows a swatch for keywords like currentcolor or inherit .
  • Security October 7, 2026

Earlier versions

  • 3.3.8: 4 improved
  • 4.0.1 (11 August 2026): 2 new, 1 improved, 8 fixed
  • 4.0.0 (9 August 2026): 2 new, 11 improved, 1 security

FAQ

Is Automatic.css free?

The code of Automatic.css is licensed under the GPL, so anyone may use, change and share it. Buy GPL is a paid service: a plan or a purchase of Automatic.css gives you the download and its updates. The developer's own support, licence key and online services are not included.

Which version of Automatic.css is this?

Version 4.0.2, released 2 November 2026. New versions appear here when the developer publishes them.

How do I update Automatic.css?

Install Buy GPL Updater on your site and paste your key from My Account. It installs new versions of Automatic.css for you.

You might also like