New Rails Designer Tool: beautiful Tailwind CSS gradients
Gradients were introduced with Tailwind CSS v1.7. An 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 collection of hand-crafted gradients and built a little tool around it where you can change direction and copy to your clipboard.
Free and ready to make your apps a little bit more beautiful.
Want to read me more?
-
UI Design Tips Using Tailwind CSS for Developers
Explore some quick tips to level your UI design from okay to great with these Tailwind CSS-based tips. -
The Best of 2024 from Rails Designer (number 1 won't surprise you 🤪)
2024 was the year Rails Designer launched. And an amazing year it was. Let's go over the most popular articles from this year. -
Multiple component variants with Tailwind
Building components with multiple variants is easy with Tailwind CSS. If you know how to do it.
Over to you…
What did you like about this article? Learned something knew? Found something is missing or even broken? 🫣 Let me (and others) know!
Comments are powered by Chirp Form
{{comment}}