Automatic.css

Automatic.css (ACSS) is a design system and CSS framework for WordPress, recognized as the number one framework for page builders. It is designed to solve the chaos of colors, sizes, spacing, and typography that appears on growing websites, especially when working with visual builders. It is the ideal tool for professionals, agencies, and developers who need to maintain visual consistency and technical control without sacrificing production speed on real projects.

The framework revolutionizes the way websites are built with page builders, allowing developers and designers to create beautiful, consistent, and maintainable sites at unprecedented speed, while maintaining total control over the code. Automatic.css has pioneered numerous features that have become essential for modern WordPress development.

Among its most notable innovations are a control panel with real-time preview and hot reload, automatic generation of color shades, fluid and responsive spacing and typography using mathematical scales, and automatic grid systems with smart layouts. It also includes comprehensive accessibility features, logical properties and partial variables, header height offsets, contextual and automatic spacing, and automatic color relationships with contextual colors.

The framework also offers icon frameworks, cards, borders, dividers, and textures, form styling with a single class, Auto-BEM methodology, SCSS mixins and recipes for complex patterns, and right-click context menus that show live class previews. All of this is managed from a real-time panel available both in the builder and on the front-end, with instant search and keyboard shortcuts that make almost any adjustment less than three clicks away.

Automatic.css is not just a CSS framework: it is a complete ecosystem with a vibrant community, a learning environment on web design best practices, and unmatched support. It completely transforms the workflow of those who build sites with page builders, offering a new way of working that combines speed, consistency, and total control over the code.