Free tool · no account needed
Gradient generator
Pick one of 80 shader gradients, tune its colours and motion, then export CSS, a Tailwind theme, an SVG poster or a PNG. The link keeps every setting, so whoever opens it sees the same gradient.
Nature
80 gradients · 24 free
Export
A still at 5 s, as layered radial gradients.
Reading the frame…
Share or save
The link keeps the gradient, the palette, every colour and every slider.
What each export is
CSS, Tailwind and SVG are a still frame of the shader, taken at 5 seconds, rebuilt as soft radial gradients: one per patch of an 8 × 5 grid (5 × 5 for a square), in that patch's average colour. They scale to any size and cost no script, but fine detail such as grain lines or halftone dots becomes a smooth blend.
PNG is the same frame rendered by the shader itself, at the size you pick. Live shader under CSS is the moving gradient as one canvas and a small script, the same code the layer's prompt carries.
Stills (CSS, Tailwind, SVG and PNG) of all 80 gradients export without a limit, and so does the live shader of the 24 free ones. A Pro gradient's live shader counts like its prompt: the first export each day uses one of your premium copies (1 a day without an account, 3 with a free account, 30 on Pro, no limit on Lifetime), and the rest that day are free. See plans or browse all gradients.
Every file carries one line of credit: “Made with Tileio — tileio.com”. In a PNG it is a text comment in the file, not on the picture.