While styling a web app that uses Tailwind CSS, it was becoming tedious to setup linear gradients for buttons and backgrounds.
While sites like hypercolor.dev can show you some good gradient combinations to use, I wanted to be able to experiment with different combinations by selecting the colors from a palette.
So with the help of OpenAI's ChatGPT (GPT-4), I created a utility tool that lets you select the start and end colors and the direction of the gradient. There's a convenient "copy to clipboard" button too.
https://codepen.io/rudolfolah/full/xxMxabo
Top comments (4)
For custom TailwindCSS palettes: tints.dev/
great job!
I tried to make it in react. Still needs a few changes. but Ill share something soon .
learncodeprofessor.com/tools/tailw...
This looks fantastic! Great work π