← Back to Dev Tools

Tailwind CSS Generator

Generate Tailwind CSS classes with live preview

Configuration

Padding

Margin

Border Radius

Shadow

Background Color

Text Color

Font Size

Font Weight

Display

Justify Content

Align Items

Width

Preview

Preview Element

Generated Classes

p-4 m-4 rounded-lg shadow-md bg-blue-500 text-white text-base font-medium flex justify-center items-center w-full h-12