TECHNOLOGY INDEX / REFERENCEWEB / STYLING / DESIGN TOKENSCSS FRAMEWORK
REFERENCE / TAILWIND CSS

Tailwind CSS

Tailwind CSS is a utility-first CSS framework for composing interfaces from focused styling classes.

WHAT IT DOES / 01

SMALL UTILITIES.
CONSISTENT DESIGN.

It brings layout, typography, color, spacing and state styling into a configurable design system.

KEY CONCEPTS / 02

THE CORE
IDEAS.

  1. 01

    UTILITY CLASSES

    Combine small styling rules directly where the interface is composed.

  2. 02

    DESIGN TOKENS

    Define shared values for color, type, spacing and other visual choices.

  3. 03

    RESPONSIVE VARIANTS

    Adapt styling to viewport sizes and interactive states.

KEEP EXPLORING / 03

OFFICIAL
RESOURCES.

BACK TO ARCHIVEALL PROJECTS←