Tailwind CSS Linear Gradient Utility Tool

#tailwindcss #css #codepen #webdev

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