DEV Community

loading...
Cover image for Launching HYPERCOLOR.dev

Launching HYPERCOLOR.dev

markmead profile image Mark Updated on ・1 min read

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.

GitHub logo 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.




Discussion (12)

pic
Editor guide
Collapse
robbiegm profile image
RobbieGM

I must say, this is one of the only websites which has performant scroll animation effects on mobile.

Collapse
markmead profile image
Mark Author

Amazing to hear, thank you! 🎉

Collapse
jcalixte profile image
Julien Calixte

Really cool! Do you think we can also have the css version?
Congrats, the website is incredible!

Collapse
markmead profile image
Mark Author

Hey Julien 👋 Really glad you like the site!

That's definitely a possibility! Feel free to create a PR if you want

Collapse
michi profile image
Michael Z

Looking reallly clean, good job! I will bookmark it.

Collapse
markmead profile image
Mark Author

Awesome! Glad you like it 🙌

Collapse
madza profile image
Madza

Awesome and UI looks very clean 🤩👍
Btw, what library do you use for item load animation on scroll? 👀

Collapse
markmead profile image
Mark Author

Thank you! 🙌

We use AOS which is probably a little overkill but it works so well, and has good performance.

Collapse
bigmeel profile image
Jameel Tomlinson

This is such an awesome new tool. going to add this to my list of useful sites. Thank you so much for sharing

Collapse
markmead profile image
Mark Author

Glad you like it! 🥳

Collapse
loouislow profile image
Collapse
markmead profile image
Mark Author

Never heard of that one... I'll take a look.