Tailwind Gradient Color Palette

A beautiful, interactive gradient color palette project that helps developers quickly find and use gradient CSS color codes in their projects base on tailwindcss.


Features

• 🎨 Beautiful gradient color cards
• 📋 Copy Tailwind CSS classes with one click – paste and you're good to go!

Getting Started

Prerequisites

Tailwind CSS 4.1 or Tailwind CSS 3.4 is Ok.

How To Use

This project is built with Tailwind CSS. To utilize Tailwind CSS in your own projects:

1. Install Tailwind CSS base on offical docs:

2. Select a gradient color and copy it! You will get the following color configurations, such as

   bg-gradient-to-br from-[#FFC300]/20 to-purple-500/20
   

3. Paste it in your React/Vue/SolidJS/Svelte Code:

<div className="bg-gradient-to-br from-[#FFC300]/20 to-purple-500/20">
  Hello Tailwind!
</div>

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.