As of Tailwind 1.7, you can create gradients without a single line of CSS 🎨. In this tutorial, I'll show you how easy it is to add gradients to your designs using Tailwind. Each gradient will typicall...

Materialize

Bobby Iliev

Backend Development

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to easily add gradients to your designs using TailwindCSS, with options for starting color, ending color, and middle color. Gradients can also be applied to text elements.

TailwindCSS Gradients

Nice article, I didn’t know it was possible to use gradients in text, I liked it a lot and is too easy to apply gradient with tailwind. 😍

Cool - I didn’t know you could do diagonal gradients! I’ll definitely be using this!

Ah, seems like this article isn’t available anymore. Here is the direct link to the docs:
<a href="https://tailwindcss.com/docs/background-image#setting-gradient-color-stops" target="_blank" rel="noopener nofollow">https://tailwindcss.com/docs/background-image#setting-gradient-color-stops</a>
I learned about conic-gradients there 😇