🎨 Gradient Studio Pro

A professional gradient, palette, and button design tool built with HTML, CSS, and JavaScript.
This project lets designers and developers create beautiful gradients, explore curated palettes, and design custom buttons with live previews and copy-to-clipboard functionality.

---

✨ Features

• Prebuilt Gradients

  • Huge collection of warm, cool, pastel, vibrant, dark, and multi-color gradients
  • Shuffle feature to discover new gradient combinations
  • Copy gradient CSS with one click

• Custom Gradient Builder

  • Build linear, radial, or conic gradients
  • Add unlimited color stops with live HEX/RGB editing
  • Control angle, animation type, speed, and direction
  • Import gradients from the prebuilt library
  • Live CSS preview with copy option

• Color Palettes

  • Explore curated palettes for modern design
  • Shuffle palettes for inspiration
  • Copy individual color codes

• Button Builder

  • Customize text, background type (solid, gradient, transparent), border, padding, radius, shadows, and hover effects
  • Apply gradients to buttons
  • Import/export button CSS
  • Live preview with instant copy-to-clipboard

• Modern UI/UX

  • Dark mode by default
  • Glassmorphism-inspired components
  • Smooth animations (via Animate.css + custom CSS)
  • Responsive design for desktop and mobile

🚀 Getting Started

• Just visit https://wolfkyd1.github.io/Gradient-Studio-Pro