DEV Community

Cover image for New Rails Designer Tool: beautiful gradients with Tailwind CSS
Rails Designer
Rails Designer

Posted on • Originally published at railsdesigner.com

New Rails Designer Tool: beautiful gradients with Tailwind CSS

This article was originally published on Rails Designer


Gradients were introduced with Tailwind CSS v1.7. A quite elegant API to easily add linear gradients to any elements with 3 (or 4) utility classes.

It looks like this: bg-gradient-to-r from-orange-400 via-red-500 to-pink-500.

It makes it really easy to add subtle (bg-white to-slate-50) to more outspoken (from-green-400 to-yellow-400) gradients.

I started a nice collection of hand-crafted gradients and built a little tool around them where you can change direction and copy to clipboard.

Totally free and ready to make your apps a little bit more beautiful.

Check it out here

Top comments (1)

Collapse
 
railsdesigner profile image
Rails Designer

Have you used any of these gradients? Do share them with me. 🎩