grain-gradient playground

Live preview for mesh + SVG grain motion. Copy export CSS when ready.

Renderer

WebGL keeps animated mesh motion on a canvas. CSS remains the export fallback.

Preset

Colors 4

Color 1 Color 2 Color 3 Color 4

Distortion

Swirl

Motion preset

Pick one preset for movement, then fine-tune speed and intensity.

Motion speed

Motion intensity

Grain opacity

Grain density

SVG contrast

Blend mode

Android canvas fallback

Auto is resolved in this browser. Choose on before copying CSS if the static export should include the PNG fallback.

Seed

PNG export size

Width Height

Ready

Preview is live.