Skip to main content

Automatic.css (ACSS)

PropertyValue
descriptionWordPress-focused CSS framework and plugin for design systems, utility classes, and builder-native workflows.
tagsref
rating

ACSS usually refers to Automatic.css, a premium WordPress-oriented CSS framework and plugin built for modern page-builder workflows.

It combines a design-system approach, utility classes, variables, responsive sizing, and builder integration so teams can build faster without giving up maintainability or control.

What it does​

Automatic.css gives teams a structured styling system inside WordPress builder environments.

It is commonly used to:

  • Create consistent color, spacing, and typography systems
  • Apply utility classes directly in builders such as Bricks Builder and Etch
  • Speed up layout and responsive work with predefined classes and variables
  • Reduce one-off styling decisions across a project
  • Support cleaner long-term maintenance in the frontend

Core concepts​

Framework plus plugin​

Automatic.css is not just a CSS file. It also provides a dashboard and workflow layer for configuring and using the framework inside WordPress.

Design system workflow​

ACSS centers around tokens, variables, scales, and utility classes rather than random per-page styling choices.

That makes it a strong fit for teams building repeatable systems across multiple pages and components.

Builder integration​

According to the current 4.x documentation, ACSS is built for WordPress builder environments and supports Etch, Gutenberg, and Bricks Builder.

Ecosystem relationship​

ACSS is closely related to Frames as part of the same broader workflow and ecosystem.

Common use cases​

  • Building scalable design systems in WordPress
  • Speeding up visual development in Bricks Builder
  • Creating more consistent spacing and typography across a site
  • Supporting reusable class-based workflows for custom builds
  • Reducing CSS sprawl in builder-heavy projects

Practical notes​

  • ACSS is mainly a styling and workflow system, not a content-modeling plugin.
  • It is especially valuable when a team wants consistency, speed, and maintainability without relying on ad hoc visual styling.
  • It fits naturally alongside data-modeling tools such as ACF and admin workflow tools such as ACP.
  • The current docs position ACSS around modern builder support, especially Etch, Gutenberg, and Bricks Builder.

Sources Used​

Frequently Asked Questions​

Is ACSS a plugin or a CSS framework?​

Both in practice. Automatic.css is a CSS framework with a WordPress plugin workflow and configuration layer around it.

Is ACSS mainly for Bricks Builder?​

No. The current docs position it as a WordPress builder framework with support for Etch, Gutenberg, and Bricks Builder.

Is ACSS the same as Frames?​

No. Frames is a separate but closely related product in the same ecosystem. ACSS is the styling framework layer.