Find your colors
Add up to eight colors or sample a reference image. Choose RGB, OKLab, or OKLCH blending.
Color, set in motion.
Start with a palette. Explore shape, movement, and texture. Three palettes, one live WebGL shader.
Core glow · Nested SDF
From a spark to a finished asset.
Shape the movement
Explore 13 algorithms. Tune the flow and form, then layer grain, halftone, and an ASCII matrix.
Take it into your work
Export a still PNG, an MP4 animation, or a self-contained HTML file to embed on the web.
Six Capabilities
- Palette & Color SpaceUp to 8 colors with RGB, OKLCH, or OKLAB blending. Drag to reorder or sample colors from an image.
- Shape & Flow13 GPU-shaded fluid algorithms — from sine waves to curl noise vortices and signed-distance field shapes.
- Post-ProcessingFilm grain layered over the gradient, with intensity control and six blend modes.
- HalftoneDithered halftone rendered as a GPU compositing pass. Random plus 3 Bayer matrices × 6 dot shapes with contrast control.
- ASCII MatrixFull-canvas character grid that reacts to mouse proximity in real time. 7 character sets plus custom text input.
- ExportPNG and fixed-30fps MP4 at 1×, 2×, or 3× output scale, plus a self-contained HTML file with zero dependencies.
13 Algorithms
Every algorithm runs as a GLSL fragment shader on the GPU.
classic
- Sin/CosSmooth periodic waves
- Smooth NoiseSoft organic noise patterns
- Linear StratifiedArchitectural layered bands
organic
- Fractal (FBM)Layered noise at multiple scales
- Domain WarpMarble-like UV distortion
- Curl NoiseDivergence-free vortex flows
- Polar VortexCosmic spiral structures
topology
- Radial TopographyConcentric contour rings
- Conic SweepAngular polar color sectors
- Nested SDF ShapeGeometric glow from SDF math
diffusion
- 3D Liquid DepthProcedural fluid depth
- Diffusion FluidImage-warped blend field
- Procedural SDFMulti-point distance fields
Export Anywhere
PNG
static asset
Full-resolution screenshot at 2× minimum device pixel ratio. Includes all active layers: gradient, halftone, ASCII matrix, and grain.
MP4
video loop
Offline frame-by-frame H.264 encoding at a fixed 30 fps, with optional ping-pong playback.
HTML
embed anywhere
Self-contained file with the full WebGL shader and all parameters embedded. Drop into an iframe with zero dependencies.
Built for Makers
ui/ux designer
Generate animated gradient backgrounds for landing pages and hero sections. Export PNG for static mockups or MP4 for presentations.
frontend developer
Export standalone HTML and embed via iframe. Full-bleed animated backgrounds in any web project, one file, no build step.
brand designer
Upload a brand reference photo to sample colors. Blend into a fluid gradient and export MP4 for social media.
content creator
Record short MP4 loops with ping-pong playback for seamless social media content. No watermark; encoding depends on browser and device support.