Tailwind CSS Gradient Generator

Tailwind CSS Gradient Generator is a simple web application built with React and Next.js that allows users to generate Tailwind CSS gradient class names for creating gradient backgrounds in their projects. Users can customize the gradient direction and choose colors from Tailwind CSS classes.

Features

• Gradient Customization: Choose the gradient direction and customize the colors using Tailwind CSS classes.
• Copy Class Names: Easily copy the generated Tailwind CSS gradient class names for quick integration.

Getting Started

Clone the Repository:

git clone https://github.com/CodeWithMilap/tailwind-css-gradient.git
cd tailwind-css-gradient

Install Dependencies:

npm install

Run the Application:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to use the CSS Gradient Generator.

Usage

• Choose the gradient direction and colors using the provided controls.
• Click the "Copy Class Names" button to copy the generated Tailwind CSS gradient class names.
• Paste the class names into your project to apply the gradient background.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

Contributing

This project is licensed under the MIT License.