Description
When a WordPress site needs visual consistency across all pages without manually editing stylesheets, Automatic.css automatically generates utility classes and CSS variables from a customization interface, applying them to the front end in real time. It eliminates code repetition and ensures a standardized design for headers, colors, typography, spacing, and buttons, reducing reliance on custom development and accelerating project delivery.
Key Features of Automatic.css
- Automatic utility class generation
Creates reusable CSS classes from visual settings without writing code. - Design control panel
Adjusts headers, footers, global colors, and typography in a single interface. - Dynamic CSS variables
Generates and applies style variables throughout the site, ensuring consistency. - Built-in responsive control
Defines breakpoints and spacing for mobile devices without additional CSS. - Integration with visual builders
Works natively with page editors, applying styles automatically.
Benefits of Automatic.css
- Faster customization
Eliminates hours of manual CSS editing, accelerating website creation. - Consistent design throughout the site
Automatically maintains color and typography standards across all pages. - Fewer manual errors
Prevents style conflicts and duplicate code with standardized classes. - Reduced learning curve
Allows beginners to customize the appearance without in-depth technical knowledge.
Who Is Automatic.css For?
- WordPress developers who want to speed up theme styling.
- Digital agencies that need visual consistency across multiple projects.
- Non-technical users who want to customize their site’s design without coding.
How to Download Automatic.css
Automatic.css is available for download here at Ultrapack. After downloading the .zip file, install it by going to Plugins > Add New > Upload Plugin, select the .zip file, and activate it. The settings panel will be available in the WordPress menu, and you can start customizing the design immediately.
Automatic.css transforms the way WordPress sites are styled, replacing manual CSS editing with an automated system that generates classes and variables from a centralized visual interface. Suitable for agencies that manage multiple projects and users seeking technical independence, the plugin accelerates the customization of headers, colors, typography, and spacing while maintaining consistency throughout the site. By eliminating the need to write repetitive code, it reduces development time and minimizes styling errors.
Frequently asked questions
Is Automatic.css – The #1 Utility Framework for WordPress Page Builders GPL-licensed?
Yes. Automatic.css – The #1 Utility Framework for WordPress Page Builders is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.
Can I use Automatic.css – The #1 Utility Framework for WordPress Page Builders on multiple sites?
Yes. You can install Automatic.css – The #1 Utility Framework for WordPress Page Builders on as many sites as you want. Only automatic updates through Ultrapack Auto Updater have a limit: from 3 to 80 sites, depending on the plan.
How much does Automatic.css – The #1 Utility Framework for WordPress Page Builders cost at Ultrapack?
Automatic.css – The #1 Utility Framework for WordPress Page Builders costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).
Does Automatic.css – The #1 Utility Framework for WordPress Page Builders include updates?
Yes. The current version of Automatic.css – The #1 Utility Framework for WordPress Page Builders is 4.0.1, published at Ultrapack on Aug 14, 2026. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).
Is Automatic.css – The #1 Utility Framework for WordPress Page Builders scanned before publication?
Yes. Every version of Automatic.css – The #1 Utility Framework for WordPress Page Builders goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.
What are the requirements for the plugin Automatic.css – The #1 Utility Framework for WordPress Page Builders?
Requires WordPress 5.9 or higher and PHP 7.3 or higher. Tested up to WordPress 6.7.2.
What changed in this version
Version 4.0.1
- Manifesto
- Our Team
- Changelog
- Become an Affiliate
- Figma plugin
- Resources
- Documentation
- Videos (YouTube)
- Articles
- Creators
- Community
- Contact Support
- Plans & Pricing
- Main Menu
- Manifesto
- Documentation
- Support Community
- Changelog
- Changelog
- Keep track of what's new with ACSS! For details on specific features and utilities, please check the official documentation .
- August 13, 2026
Version 4.0.1
- Dashboard
- Hover arrows from color rows no longer float over the header when you scroll.
- The color preview swatch now works for every CSS color, including color-mix, oklch and light-dark values.
- Form Styling
- Fixed a bug where forms silently fell back to WS Form’s default black-and-white styling instead of your ACSS colors, and the floating label lost its background on focus. Form fields, labels, tabs and legends now follow your ACSS tokens again, and changing a base color in the dashboard flows through to all dependent fields — including live preview.
- The Form Styling fields now show the ACSS tokens you already know (–text-dark, –white, –text-m and friends) instead of internal variable names. Values you set yourself are kept exactly as they were.
- Field focus colors now follow your site-wide Focus Color setting (Additional Styling), so a focused field can’t be mistaken for an invalid one on palettes with a red primary.
- New setting: Floating Label Background (Form Styling → Label). Give the floated label its own background color — handy when your field background is translucent or differs from the surface behind the form.
- Other Fixes
- Smooth scrolling now works in Firefox.
- The WordPress Widgets screen no longer throws console errors caused by ACSS.
- 404 pages for URLs under /wp-admin/ are styled correctly again.
- debug.log is no longer written when logging is disabled.
- August 11, 2026
Version 4.0.0
- Important
- This release includes important security hardening. If you’re running an Automatic.css 4.x prerelease, we recommend upgrading to 4.0.0 as soon as possible. Existing v3 sites should remain on v3 because v4 is not backward compatible.
- Alongside the work completed throughout the prerelease cycle, this release restores ACSS color workflows in Bricks 2.2+, adds the option to disable effects while editing in Bricks and Etch, improves WordPress 7 compatibility, and includes useful refinements throughout the dashboard and generated CSS.
- The changes below are the additions and fixes included specifically in 4.0.0
- Automatic.css 4.0.0 installs as a new plugin
- Automatic.css 4.0.0 installs as a new plugin. Follow our upgrade guide to move from a 4.x prerelease. This is a one-time manual upgrade — future Automatic.css 4 updates will be delivered through your WordPress dashboard.
- The new Disable Effects In Page Builders option keeps effects out of the way while editing in Bricks and Etch
- Transparent color swatches now insert modern color-mix(in oklch, var(--primary) 10%, transparent) values
- Transparent color swatches now insert modern color-mix(in oklch, var(--primary) 10%, transparent) values instead of generated -trans-* variables — all while retaining the utility class names you already use.
- Content grid exclusion styles now use lower specificity, giving you more control and making them easier to override.
- Dashboard help links open the ACSS cheat sheet
- Dashboard help links open the ACSS cheat sheet when available, while documentation, community, and support links now take you to their latest destinations.
- ACSS color workflows are back in Bricks 2.2 and later! Right-clicking Background and Typography color swatches once again inserts ACSS variables directly into the color field.
- Update checks no longer throw a Class not found fatal when malformed transient data requires a new stdClass instance
- Logged entries now render safely in the dashboard, log growth stays bounded, and rotated Activity Log and debug log files remain protected
- August 9, 2026
Version 3.3.7
- Documentation, community, and support links now take you to their latest destinations.
- In Bricks, ACSS no longer applies content offset spacing to background-video wrappers.
- November 6, 2025
Version 3.3.6
- Add support for Context Menus and AutoBEM in Bricks v2
- Fix the Color Switcher button for Bricks 2
- Improve handling of max-width on list items
- Fix skip link text color overridden by link color
- Fix margin--none resetting padding instead of margin
- Ribbon fix
- Fix External Link Indication breaking text wrapping in links
- Fix overflow issue with font awesome icons
- Forms: text color of focused input was unreadable (especially for dark forms)
- Forms: added select and multiselect missing style
- Forms: the flag is now centered in the phone field
- April 7, 2025
Release notes published by the developer.
How to install
Automatic updates: this item is updated by the Ultrapack Auto Updater. With it installed, the new version shows up in your dashboard like any other WordPress update (how to set it up).
- Download the file
automatic-css.zip. - In the WordPress dashboard, go to Plugins > Add New > Upload Plugin.
- Select the file
automatic-css.zipand click Install Now. - Click Activate.
Requirements: Requires WordPress 5.9 or higher and PHP 7.3 or higher. Tested up to WordPress 6.7.2.
Stuck on a step? Open a ticket telling us which one you stopped at.

UAU Ready