# Beautiful Tailwind Gradients

**URL:** <https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640>\
**Category:** Elements API\
**Created:** [September 15, 2024, 7:17pm UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640 "2024-09-15T19:17:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 15, 2024, 7:17pm UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640/1 "2024-09-15T19:17:21Z")

</div>

I came across this while noodling around on the internet today.

> A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

> **[Gradients for Tailwind CSS | Hypercolor](https://hypercolor.dev)**
>
> A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

If you’re building custom components it’s pretty handy, see the video (below), and [here’s the project (click to open in Elements)](elementsapp://downloadDocument/UtVGpTKWqmbB).

Have fun!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 15, 2024, 7:21pm UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640/2 "2024-09-15T19:21:39Z")

</div>

Oh, they also have some flags too, kinda fun!

---

<div class="post-metadata">

**Author:** ![Bruno](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruno/32/25457_2.png) [@Bruno](https://forums.realmacsoftware.com/u/Bruno)\
**Post date:** [September 16, 2024, 4:45am UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640/3 "2024-09-16T04:45:02Z")

</div>

Perfect for my dropdown menu to match the visitor country flag color 👍 Yes I know I told I stopped that 🥱

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 16, 2024, 6:38am UTC](https://forums.realmacsoftware.com/t/beautiful-tailwind-gradients/44640/4 "2024-09-16T06:38:12Z")

</div>

haha, I did think of you when I found the flags 🤣