beginnertermDesign systemsDesign systems / Utility-first CSS
BeginnerNot yet reviewed

Utility-first CSS

Utility first CSS builds styles from many small single purpose classes, like p-4 or text-center, applied directly in the markup.

Definition

Utility first CSS builds styles from many small single purpose classes, like p-4 or text-center, applied directly in the markup.

Use case

Tailwind CSS is the best known example. It trades writing custom CSS for composing classes, and its tokens live in a config file.

Related terms

Resources

No resources yet. Suggest one.

Suggest a change