Tailwind Gradient Generator

Gradient type

Gradient Direction

From Color

From Weight

To Color

To Weight

Via Color (optional)

Preview

Tailwind Classes

Tailwind CSS Pre-Made Gradients

Need inspiration? Here are some groovy pre-made Tailwind CSS gradients for you. Just click "Copy" and paste into your Tailwind CSS project.