Shader Backgrounds

Every shader preset in the library, running live, with the whole CONFIG map exposed. Change it here, take the file away.

How it works

Run a live procedural gradient/background shader — pick a preset, tune every knob, and copy the prompt that rebuilds it in your own codebase.

Run and tune the GetLayers shader presets live in your browser, then export the animated WebGL background as shader code, standalone HTML or a prompt.

The rest of the toolkit

Other tools

Text Animations
Spring-based text animation presets you can copy as a prompt.
Custom Cursors
Design a custom cursor — static SVG or live JS effect — and copy it as a prompt.
ASCII Studio
Turn a photo or video into shader-based ASCII art, then copy it as a prompt.
Particle Forms
Scatter a mesh into points and give the cloud behaviour.
Image Compressor
Compress and convert images to WebP, AVIF, JPEG — 100% in your browser.
Holographic Cloth
A floating sheet of holographic foil you can grab, poke and tune.
Image Motion
Arrange your images in a looping 3D motion, copy it as a prompt.
SVG to 3D
Drop an SVG, get an extruded, bevelled mesh you can light.
Refract
See any image through procedural obscure glass — fluted to frosted.
Liquid Colour
29 colour styles and 350+ looks — tune one live and take it with you.
Orb Studio
Tune a voice-reactive WebGL orb, then copy the prompt that ships it.
Dither Art
Dithered generative art — 51 effects, 27 post effects, copy it as a prompt.