Opens in a new tab
Log inStart free

Frameworks · Automatic.css

Bricks Builder templates built for Automatic.css

Every template in the library, converted to Automatic.css 4. It reads your ACSS colors, spacing and type, so it looks like your site from the first paste.

You need your own Automatic.css license on the site.

  • Most names already match

    Spacing, type sizes, --primary, --radius and the text colors read the same.

  • A few names take the ACSS form

    Card spacing, button radius and surface backgrounds use the ACSS vocabulary.

  • No transparency tokens

    ACSS 4 removed them, so tints use color-mix() over your colors.

Converted to your ACSS variables

A card from one template, in the names Automatic.css 4.0.1 uses.

Written asPublished for ACSS as
--card-padding--space-s
--card-gap--space-s
--base-ultra-light--bg-ultra-light
--radius-btn--btn-radius
Good to know

Whatever root font size your site uses, the templates use no loose rem values, so nothing shifts.

automatic-css-4.cssA few names converted, the rest already match.
.fbk-card {
  padding: var(--space-s);
  gap: var(--space-s);
  border-radius: var(--radius);
  background: var(--bg-ultra-light);
  color: var(--text-color);
}
.fbk-card__title {
  font-size: var(--h3);
}

Name converted for this framework

Switch between Fancy Framework, Automatic.css and Core

One URL per template; a switch picks the version you copy. Change later and copy again.

Automatic.css vs Core Framework in Bricks

Free and premium Automatic.css templates

The free account's templates come in ACSS too, so you can test before choosing a plan.

Free Bricks Builder templates

Questions, answered

Short answers about the Automatic.css version. Can’t find yours? Write to us.

Ask a question

Yes, you need Automatic.css installed on your site. The template is built on top of it, matched to your own ACSS variables.

Yes. The same template is available in all three frameworks, so you can pick a different one without losing the design.

Yes. The templates in the free account are also available in an Automatic.css version.

No, that version needs Automatic.css installed. If you don’t have it, use the same template in the free Fancy Framework instead.

Browse the templates built for Automatic.css

Set the switch to Automatic.css and copy.

Browse templatesCreate free account