Automatic.css
$4.99 Free for Members
Automatic.css is a CSS utility framework for WordPress page builders. It provides automatic color shades, fluid typography, mathematical spacing, and flexible grids.
| Version | 4.0.1 |
|---|---|
| Last Updated | August 14, 2026 |
| Type | WordPress Plugin |
| License | GPL v2 or later |
| Live Demo | View demo → |
100% GPL · Original files · Unlimited sites
- Original, unmodified files — delivered exactly as distributed by the developer
- GPL licensed — use it on unlimited websites, personal or client
- Free updates — new versions appear here as soon as they are released
- Verified downloads — every file is integrity-checked (SHA-256) before release
Distributed under the GNU General Public License. Not affiliated with the original developer; official support, license keys and developer-hosted services (such as one-click updates) are available only from the developer.
Secure checkout with PayPal · GPL licensed · Instant download
Description
Automatic.css is a CSS utility framework built for WordPress page builders such as Bricks, Oxygen, and Breakdance. It helps you set up brand colors, typography, spacing, and layouts through a dashboard and utility classes. The framework aims to make sites responsive, consistent, and easier to maintain.
Key Features
- Automatic Color Shades – Define your brand colors once and get a full range of shades and transparencies generated for you.
- Fluid Responsive Typography – Set a base size and scale, and headings and text resize smoothly across all screen sizes.
- Mathematical Spacing Scales – Spacing options follow mathematical scales to create consistent visual rhythm throughout your site.
- Responsive Grids and Columns – Utility classes and variables for flexbox and grid layouts let you build flexible layouts quickly.
- Flex-Grid Feature – The Flex-Grid feature addresses common problems with uneven grid children.
- Styling Tokens – Use variables as a single source of truth for global element styling, making components easier to maintain.
- Dashboard Setup – Configure your site's styling through a simple dashboard, then build with classes and variables.
- Mobile Optimization – The framework reduces the work needed to make websites look good on mobile devices.
Who Is It For
This framework is for WordPress designers and developers who build sites with page builders like Bricks, Oxygen, and Breakdance. It suits those who want consistent colors, typography, spacing, and layouts without managing every breakpoint manually.
