Skip to content

README.md

Latest commit

 

History

History
155 lines (102 loc) · 3.14 KB

README.md

File metadata and controls

155 lines (102 loc) · 3.14 KB

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