Create beautiful gradients for Tailwind CSS - 100% free. Linear, radial, and animated gradients with live preview. Export ready-to-use code instantly.
{/* Tailwind utilities with arbitrary values */}
<div className="bg-gradient-to-bl from-[#667EEA] to-[#764BA2]">
Your content
</div>.gradient {
background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);
}