Tailwind CSS Coolhue gradients

Nobody needs 60 rad gradients right inside their Tailwind CSS. But it doesn't hurt! Coolhue's gradients rule and I'm tired of copy/pasting them when a project needs an quick dash of awesome.

npm install tailwindcss-coolhue

Then over in tailwind.config.js:

// tailwind.config.js
const coolhue = require("tailwindcss-coolhue");
 
module.exports = {
  // ... all other config
  plugins: [coolhue],
};

Now you have 60 gradients from .bg-coolhue-1 to .bg-coolhue-60.

• Coolhue
• Demo on Tailwind CSS Play
• By Simeon Griggs