Gradient Generator - Raycast Extension

Trying colour combinations and translating a gradient into code or image assets can interrupt a design workflow.

Gradient Generator provides interactive previews for linear, radial and conic gradients. You can edit colour stops, generate random options and save favourites locally. It copies CSS, SwiftUI and Tailwind snippets and exports SVG or PNG files, including preset image sizes.

I built the TypeScript and React extension with the Raycast API, including gradient editing, preview rendering, local persistence, export actions and input validation. It works offline without network calls.

Released for macOS in the Raycast Store. Install Gradient Generator or view its source on GitHub.