Tailwind Button Generator

Design beautiful Tailwind CSS buttons and copy the classes instantly.

Properties

Theme Color

Size (Padding)

Border Radius

Shadow

Live Preview

Generated Classes

bg-blue-500 hover:bg-blue-600 active:bg-blue-700 px-4 py-2 rounded-md shadow-md font-semibold text-white transition-all hover:-translate-y-1 hover:shadow-lg