200+ layered, atmospheric gradients built from soft blend modes — preview them live, tweak them in the browser, and drop them behind any interface.
- Hover any card to preview the gradient instantly
- Fullscreen viewer with next/prev navigation and keyboard shortcuts
- The whole page picks up the active gradient's glow — light and dark themes included
- In-browser aura gradient generator — add/remove/reorder layers, tweak blend modes, blur, opacity, and base color
- Grain overlay toggle for an analog film finish
- Undo/redo as you experiment
- Copy clean code in CSS, Tailwind, CSS Variables, or CSS-in-JS
- Copy All grabs every format in one block
- Download the gradient as PNG or SVG
- One click copies a ready-to-paste prompt for ChatGPT, Claude, or Copilot that rebuilds the gradient in any project
# Install dependencies
pnpm install
# Start development server
pnpm dev| Command | Description |
|---|---|
pnpm dev |
Start dev server |
pnpm build |
Production build |
pnpm lint |
Run ESLint |
Contributions are welcome! Check the issues or open a pull request.
MIT