Skip to content

v1.1.0 – PNG/SVG Export & Usability Polish

Latest

Choose a tag to compare

@smcnab1 smcnab1 released this 26 Aug 08:29
650e3eb

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