Gradient Generator

Build Tailwind CSS gradient classes with live preview. Pick colors, direction, and copy instantly.

Gradient Settings

Direction

Start Color

End Color

Opacity: 100%

bg-gradient-to-r from-blue-500 to-violet-500 opacity-100

Related Tools

Color Palette Builder

Soon

Shadow & Elevation Tool

Soon

Tailwind Config Generator

Soon

Generated Class

bg-gradient-to-r from-blue-500 to-violet-500 opacity-100