A curated collection of beautiful premade gradients using default colors from the Tailwind CSS library.
Check it out at hypercolor.dev
Heavily inspired by the likes of webgradients.com and grabient.com but for Tailwind users.
This project was created by Jordi Hales and Mark Mead (me), powered by Tailwind and Vue.
We've built this project with a community-first approach, allowing developers and designers to easily share their custom Tailwind gradients.
Head on over to the GitHub repo and you'll find a file called src/assets/data/gradients.js, this is where you can add your own gradients and submit them as a pull request.
jordihales
/
hypercolor
A curated collection of beautiful premade gradients using default colors from the Tailwind palette as well as a selection of custom color gradients.
hypercolor.dev
A curated collection of beautiful premade gradients using default colors from the Tailwind CSS library.
Created by Jordi Hales and Mark Mead using Tailwind and Vue.
Unaffiliated with Tailwind Labs
Discussion (12)
I must say, this is one of the only websites which has performant scroll animation effects on mobile.
Amazing to hear, thank you! 🎉
Really cool! Do you think we can also have the css version?
Congrats, the website is incredible!
Hey Julien 👋 Really glad you like the site!
That's definitely a possibility! Feel free to create a PR if you want
Looking reallly clean, good job! I will bookmark it.
Awesome! Glad you like it 🙌
Awesome and UI looks very clean 🤩👍
Btw, what library do you use for item load animation on scroll? 👀
Thank you! 🙌
We use AOS which is probably a little overkill but it works so well, and has good performance.
This is such an awesome new tool. going to add this to my list of useful sites. Thank you so much for sharing
Glad you like it! 🥳
...and FX-Gradient too.
Never heard of that one... I'll take a look.