Documentation Components Screencasts Resources Community

Getting Started

Installation
Release Notes
Upgrade Guide
Using with Preprocessors
Controlling File Size
Browser Support

Core Concepts

Utility-First
Responsive Design
Pseudo-Class Variants
Adding Base Styles
Extracting Components
Adding New Utilities
Functions & Directives

Customization

Configuration
Theme
Breakpoints
Colors
Spacing
Variants
Writing Plugins

Base styles

Preflight

Layout

Container
Box Sizing
Display
Float
Clear
Object Fit
Object Position
Overflow
Position
Top / Right / Bottom / Left
Visibility
Z-Index

Flexbox

Flex Direction
Flex Wrap
Align Items
Align Content
Align Self
Justify Content
Flex
Flex Grow
Flex Shrink
Order

Grid

Grid Template Columns
Grid Column Start / End
Grid Template Rows
Grid Row Start / End
Gap
Grid Auto Flow

Spacing

Padding
Margin
Space Between

Sizing

Width
Min-Width
Max-Width
Height
Min-Height
Max-Height

Typography

Font Family
Font Size
Font Smoothing
Font Style
Font Weight
Letter Spacing
Line Height
List Style Type
List Style Position
Placeholder Color
Placeholder Opacity
Text Align
Text Color
Text Opacity
Text Decoration
Text Transform
Vertical Align
Whitespace
Word Break

Backgrounds

Background Attachment
Background Color
Background Opacity
Background Position
Background Repeat
Background Size

Borders

Border Radius
Border Width
Border Color
Border Opacity
Border Style
Divide Width
Divide Color
Divide Opacity

Tables

Border Collapse
Table Layout

Effects

Box Shadow
Opacity

Transitions

Transition Property
Transition Duration
Transition Timing Function
Transition Delay

Transforms

Scale
Rotate
Translate
Skew
Transform Origin

Interactivity

Appearance
Cursor
Outline
Pointer Events
Resize
User Select

SVG

Fill
Stroke
Stroke Width

Accessibility

Screen Readers

Core Plugins

An introduction to Tailwind's modular design and the related terminology.

Coming soon.

To Document:

Explain what we mean when we say "core plugin" everywhere else in the documentation

Beautiful UI components by the creators of Tailwind CSS.

We're hiring a full-stack developer to help us make UI development faster, easier, and a lot more fun.

Learn more and apply →

Learn UI design, from the creators of Tailwind CSS.

Tailwind UI is now in early access! Now in early access! Beautiful UI components by the creators of Tailwind CSS. Beautiful UI components, crafted by the creators of Tailwind CSS.