Design a look.
Ship it anywhere.
Layer gradients, photos and print effects in a machined little studio — then take the result out as a wallpaper, a seamless loop, or a cursor-reactive hero in 40 KB of code. No account; every look is a link.
This background is an Overprint look — move your mouse. Open it in the studio
Start from a look
One card per effect, every card just a link — click one and the studio opens on it, already animated, ready to be yours.
How it works
Stack print-shop effects over gradients and photos in the studio — then take the result out as a file, a loop, or a piece of your site.
Looks are links
Every control you touch serializes into the URL — palette, effect stack, seeds, animation. Send the address and the other end opens the same design, still editable. No account, nothing to save.
Three ways out
A wallpaper PNG at screen size, 2K or 4K. A seamless-loop video for screens and socials. Or a two-line embed component for your site — the same shader you designed, not a screen recording.
Backgrounds that react
Pointer reactivity is a stage in the effect stack: park it under glass and the flutes refract the bulge your cursor makes. The reaction ships inside the embed, live on your page.
What's in the rack
Ten effect stages, stackable in any order — every one of them re-renders the whole composite live.
Waves
Swells, ripples and pulses that bend the whole field — and loop seamlessly when animated.
Glass
Reeded flutes, tiles and boulders that refract whatever actually sits beneath them.
Light
Halos, beams, oil film and poolside caustics played over the composite.
Pixelate
From chunky blocks to a fine screen mosaic, quantized in the shader.
Dither
Newsprint, four-tone and static — shading out of an older, better printer.
Halftone
Press dots, ring prints and comic squares — razor-sharp even in a 4K export.
ASCII
The composite redrawn in glowing characters, density mapped to the light underneath.
Pointer
A stage that reacts to the cursor and warps only what's below it. It ships inside embeds.
Optics + Grain
A lens under everything and film on top — aberration, softness and grain.
Made in the studio
On your site in one paste
- 1
Design
Make a look in the studio — or roll the dice until one finds you.
- 2
Copy
Export → Copy embed code. Two lines: the cached runtime and an <overprint-bg> component carrying your look's hash.
- 3
Paste
Drop it into your page. It renders behind your content, pauses offscreen, respects reduced-motion, and never eats a click.
<!-- Overprint background · edit this look: … -->
<script src="https://…/embed.js" defer></script>
<overprint-bg look="v=4&fx=wgr&se=128&…">
</overprint-bg>