Tailwind CSS Cheat Sheet

Get started with this free tool to view and search for all the class names and CSS properties from the world's most popular utility-first CSS framework. Inspired by Nerdcave's original cheat sheet.

Layout

Container

Box Decoration Break

Box Sizing

Breakpoints

Display

Float

Clear

Isolation

Object Fit

Object Position

Overflow

Overscroll Behavior

Position

Top / Right / Bottom / Left

Visibility

Z-index

Spacing

Padding

Margin

Space Between

Backgrounds

Background Attachment

Background Clip

Background Color

Background Opacity

Background Origin

v2.2.0

Background Position

Background Repeat

Background Size

Background Image

Gradient Color Stops

Filters

Filter

Blur

Brightness

Contrast

Drop Shadow

Grayscale

Hue Rotate

Invert

Saturate

Sepia

Backdrop Filter

Backdrop Blur

Backdrop Brightness

Backdrop Contrast

Backdrop Grayscale

Backdrop Hue Rotate

Backdrop Invert

Backdrop Opacity

Backdrop Saturate

Backdrop Sepia

Transforms

Transform Origin

Scale

Rotate

Translate

Skew

Box Alignment

Justify Content

Justify Items

Justify Self

Align Content

Align Items

Align Self

Place Content

Place Items

Place Self

Flexbox

Display

Flex Direction

Flex Wrap

Flex

Flex Grow

Flex Shrink

Order

Sizing

Width

Min Width

Max Width

Height

Min Height

Max Height

Borders

Border Radius

Border Width

Border Color

Border Opacity

Border Style

Divide Width

Divide Color

Divide Opacity

Divide Style

Ring Width

Ring Color

Ring Opacity

Ring Width

Ring Offset Color

Tables

Border Collapse

Table Layout

Interactivity

Appearance

Cursor

Outline

Pointer Events

Resize

User Select

Accessibility

Grid

Grid Template Columns

Grid Column, start/end

Grid Template Rows

Grid Row, start/end

Gap

Grid Auto Flow

Grid Auto Columns

Grid Auto Rows

Typography

Text Color

Text Opacity

Font Family

Font Size

Font Smoothing

Font Style

Font Weight

Font Variant Numeric

Letter Spacing

Line Height

List Style Type

List Style Position

Placeholder Color

Placeholder Opacity

Text Align

Text Decoration

Text Transform

Text Overflow

Vertical Align

White Space

Word Break

Effects

Box Shadow

Opacity

Mix Blend Mode

Background Blend Mode

Transitions and Animation

Transition Delay

Transition Property

Transition Duration

Transition Timing Function

Animation

SVG

Fill

Stroke

Stroke Width