GradientKit

GradientKit is a modern gradient generator built with React, Vite, and Tailwind CSS. Create, customize, preview, copy, save, and export beautiful CSS & TailwindCSS gradients with a clean and intuitive interface.

---

Features

• Create Linear, Radial, and Conic gradients
• Unlimited color stop customization
• Live gradient preview
• Adjustable gradient angle
• One-click copy for CSS & Tailwind CSS code
• Save your favorite gradients
• Export gradients
• Fully responsive design
• Fast performance with Vite
• Clean and modern UI

---

Tech Stack

• React
• Vite
• Tailwind CSS
• JavaScript (ES6+)
• Zustand (State Management)

---

Getting Started

git clone https://github.com/Rohan-Korake/gradient-kit.git

---

Navigate to the project

cd gradient-kit

---

Install dependencies

npm install

---

Start the development server

npm run dev

---

Build for Production

npm run build

---

Preview the production build:

npm run preview

---

Acknowledgements

This project was built as part of my React learning journey through #ChaiCode by Hitesh Choudhary. A big thank you to the amazing learning community for the inspiration and guidance.