Tailwind Class Input
Compiled CSS Rules
Plain-Language Breakdown:
Live Play Preview
⚡
Tailwind Card
Live Play CDN Rendered
Raw CSS Input
Generated Tailwind Classes
Visual Property Controls
Display & Flexbox
Padding & Margin
Colors & Background
Borders & Shadows
Built Class String
Live Interactive Preview
Default Tailwind CSS Color Palette (50–950)
Default Spacing & Sizing Scale (0 – 96)
| Class Token | rem | Pixels (px) | Visual Scale Indicator |
|---|