tailwindlabs / tailwindcss

A utility-first CSS framework for rapid UI development.

80.0k

JavaScript / TypeScript

Architecture: css-framework

View Original Source

main

tailwindcss

src

plugins

util

cli

public

stubs

tests

postCssPlugin.js

Structural Architecture

Tailwind CSS is structured around a highly modular plugin ecosystem. The core engine resolves configuration trees, parses CSS ASTs, and injects utility classes on demand. A strict separation exists between the JIT engine compiler and default class layouts.

JIT Engine isolation: Core compilation paths separated from specific utility logic.
AST Transformation: Deep integration with PostCSS AST mapping strategies.

Notable Directories

/src

The core parser and compiler engine for the utility class system.

/src/plugins

Built-in utility declarations (flex, padding, grid) implemented as autonomous plugins.

/stubs

Configuration boilerplates generated during `npx tailwind init`.

Build Your Own Ecosystem

Learn from tailwindcss's structure and craft your own software scaffolding.