A small static web app for generating soft diffusion, horizon, aurora, prism, watercolor, and material-style abstract backgrounds inspired by OpenAI editorial visuals.
The app runs entirely in the browser with Canvas. No build step, backend, or package install is required.
中文用户可以点击右上角 中文 切换界面语言。默认界面为英文。
All examples below were generated with Horizon bands = 0.
| Soft diffusion | Watercolor wash |
|---|---|
 |
 |
- Pure browser-based Canvas rendering
- Diffusion, horizon, aurora, prism, watercolor, material, and mono modes
- Gradient sliders with live numeric values
- Smooth preview while dragging controls
- English and Chinese UI toggle
- 1:1, 16:9, and card export frames
- 10-candidate evolution panel for quick variation search
- PNG export from the current canvas
Open index.html directly in a browser, or run a local static server:
python3 -m http.server 4173Then open:
http://localhost:4173
Description:
A browser-based Canvas tool for generating OpenAI-style diffusion, grain, watercolor, and material gradient backgrounds.
Website:
https://www.seekcopywriter.com/openai-gradient-atelier/
Topics:
canvas, gradient, generative-art, background-generator, openai-style, design-tool, vanilla-javascript, static-site, bilingual
.
├── index.html
├── styles.css
├── app.js
└── docs/
└── examples/
├── diffusion-blue-violet.png
├── openai-blue-diffusion.png
└── watercolor-warm-wash.png