Repository navigation
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
- Toggle between arbitrary
-
Saved gradients
- Inline rename with
⌘Rdirectly in preview or list
- Inline rename with
-
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