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 ofbackground: linear-gradient(...)orradial-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