Gradify-Pro-Gradient-Generator

A modern and powerful linear gradient generator with real-time preview, multiple color formats (HEX, RGB, HSL), and one-click copy functionality. Designed with a clean UI for developers and designers.

---

🚀 About the Project

Gradify is a modern and powerful Linear Gradient Generator that helps you create stunning gradients instantly.

✨ Built with a clean UI and smooth user experience, it allows you to:

• Generate gradients in real-time
• Copy code instantly
• Use multiple color formats (HEX, RGB, HSL)

Perfect for developers 🎯 and designers 🎨

---

✨ Features

✅ Live Gradient Preview ✅ Adjustable Angle (0°–360°) ✅ Copy CSS, HEX, RGB, HSL ✅ Modern Glassmorphism UI ✅ Responsive Design ✅ Fast & Lightweight

---

🌐 Live Demo

---

🛠️ Tech Stack

Technology	Use
HTML5	Structure
CSS3	Styling & UI
JavaScript	Functionality

---

📂 Project Structure

Gradify/
│── index.html
│── style.css
│── script.js

---

⚙️ How to Use

1️⃣ Clone the Repository

git clone https://github.com/Debapriya-Bhanja/Gradify-Pro-Gradient-Generator.git

2️⃣ Open the Project

cd gradify

3️⃣ Run the Website

Just open:

index.html

---

🎯 How It Works

1. 🎨 Select two colors
2. 🔄 Adjust the gradient angle
3. 👀 View live preview
4. 📋 Copy code in your preferred format

---

📋 Example Output

background: linear-gradient(90deg, #ff6b6b, #4ecdc4);

---

🌟 Future Improvements

• 🔥 Multi-color gradients (3+ colors)
• 🎯 Direction buttons (top, left, right)
• 💾 Save gradients
• 🌙 Dark/Light mode
• 📥 Download gradient as image

---

🤝 Contributing

Contributions are welcome!

1. Fork the repo
2. Create a new branch
3. Commit your changes
4. Push and open a PR

---

💡 Author

👨‍💻 Developed by Debapriya

---

⭐ Support

If you like this project:

🌟 Star the repo 🍴 Fork it 📢 Share with others

---