v1.1.0 – PNG/SVG Export & Usability Polish

v1.1.0 · Image Export & Tailwind Mode

This release expands Gradient Generator with image/vector export options, Tailwind support, and quality-of-life improvements to saved gradients, randomisation, and form usability.

---

🚀 Highlights

• PNG export — Copy gradients as images or save to disk with size/transparency options
• SVG export — Scalable vectors for Figma, design, and web workflows
• Tailwind toggle — Switch between bg-[...] utility classes or raw CSS output
• Saved gradients — Inline rename directly in the list or preview (⌘R)
• Randomisation control — Generate explicit 2-stop or 3-stop variants
• Form polish — Smoother tab order, conditional angle field, reset button
• Validation hardening — Handles invalid stops and colour inputs gracefully

---

📦 Features

• PNG export

  • Copy to clipboard or save at preset/custom sizes
  • Supports 1× / 2× DPR and transparency

• SVG export

  • Vector output for scalable workflows
  • Works with design tools like Figma

• Tailwind export

  • Toggle between arbitrary bg-[...] classes or plain CSS

• Saved gradients

  • Inline rename with ⌘R directly in preview or list

• Random generator

  • Options to explicitly generate 2-stop or 3-stop gradients

---

🛠️ Improvements

• Form ergonomics: improved keyboard navigation and reset action
• Conditional angle field (only shown when relevant)
• Robust validation: clamped stops and inline error handling

---

📥 Install

• Raycast Store → Gradient Generator
• From source → clone repo, npm install && npm run dev

---

v1.0.0

v1.0.0 · Initial Public Release

The very first release of Gradient Generator 🎉 — a Raycast extension for building, previewing, and exporting gradients directly from your keyboard.

---

🚀 Highlights

• Interactive gradient builder — Create and preview linear and radial gradients in real time
• Custom stops — Add, remove, and adjust gradient stops with colours and positions
• Export-ready output — Copy CSS snippets directly to the clipboard
• Raycast-first UX — Fast, keyboard-driven editing

---

📦 Features

• Live preview
  See your gradient update instantly as you edit

• Colour stops
  Fine-grained control over number, colour, and position

• Orientation
  Choose linear angles or radial shapes

• Export
  One-click copy of background: linear-gradient(...) or radial-gradient(...)

---

⚡ Commands

• Create Gradient (create-gradient)
• Edit Gradient (edit-gradient)
• Copy CSS (copy-gradient-css)

---

📥 Install

• Raycast Store → Gradient Generator
• From source

npm install
npm run dev   # develop
npm run build # build