Backgrounds that feel like light

200+ layered, atmospheric gradients built from soft blend modes — preview them live, tweak them in the browser, and drop them behind any interface.

Features

Live Preview

• 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

Customizer

• In-browser parallel 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

Export

• 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

AI Prompt

• One click copies a ready-to-paste prompt for ChatGPT, Claude, or Copilot that rebuilds the gradient in any project

---

Screenshot

---

Quick Start

# Install dependencies
pnpm install

# Start development server
pnpm dev

Open http://localhost:3000

Command	Description
pnpm dev	Start dev server
pnpm build	Production build
pnpm lint	Run ESLint

---

Deploy

Built as a static export and deployed to Cloudflare Pages.

Live site: https://gradient.parastus.me

---

License

MIT