Tailwind CSS Class Generator – Easy utility class previews and builder

Tailwind CSS Class Generator

Easy utility class previews and builder.

Utility Class Controls

Spacing

Padding: p-4

Margin: m-2

Typography

Font Size xs sm base lg xl 2xl 3xl

Font Weight Light Normal Medium Bold Extra Bold

Colors

Background

Text

Borders & Shadows

Border Radius None sm md lg xl Full

Box Shadow None sm md lg xl 2xl

Live Preview

Preview Element

Generated Classes

Copied!

Related tools commonly used::