Tailwind CSS Gradient Generator

Easily Create Stunning Gradients with Customizable Directions, Colors, and Weights. Perfect for Developers Looking to Enhance Their UI Designs.

Gradient Direction

From Color

From Weight

Via Color (Optional)

Via Weight

To Color

To Weight

bg-gradient-to-r from-blue-500 to-purple-500