Automatic.css 4.0.1

Automatic.css offers pre-built classes that allow you to apply styles quickly without writing a lot of custom CSS.

Automatic.css (ACSS) is a premier CSS framework designed specifically for WordPress page builders, offering a seamless way to build visually stunning, fully responsive websites with minimal effort.

Main Colors are the six named slots in the ACSS palette: Primary, Secondary, Tertiary, Accent, Base, and Neutral. You configure them in the dashboard under Palette > Main Colors (enable only the ones you need).

Whether you’re a beginner or a seasoned developer, Automatic.css simplifies the styling process by harnessing powerful automation, intuitive variable controls, and a vibrant community support system.

• True Builder Integration™: Designed to work flawlessly with popular WordPress page builders, making the styling process intuitive and efficient without any compatibility issues.
• Automatic Responsive Design: Eliminates up to 90% of mobile styling work by automatically optimizing typography, spacing, and layouts across all devices.
• Dynamic Color Management: Easily set and swap brand colors while automatically generating shades and transparencies — ensuring consistent, vibrant color schemes site-wide with minimal effort.
• Fluid Responsive Typography: Enjoy typography that scales smoothly across all screen sizes using simple base size and scale value settings, with options for quick, granular overrides.
• Mathematically Scaled Spacing: Create harmonious visual rhythm effortlessly using Automatic.css’s spacing utilities based on mathematical scales, ensuring perfect balance and consistency.
• Flexible Layout System: Build complex responsive grids and flexible column layouts powered by both Flexbox and CSS Grid, complete with automatic breakpoint management and innovative “Flex-Grid” features.
• Highly Maintainable & Scalable: Easily re-theme entire sites, update styles globally, and maintain a clean codebase that grows seamlessly with your projects.
• No Decision Fatigue Setup: Minimal setup lets you start building within minutes — choose your colors and typography, then let Automatic.css handle the rest.