pigment drift generator
A free web demo — play it in your browser, no install. Generate still and moving watercolor 'pigment drift' backgrounds for websites — tweak or randomize, then export as images, seamless video loops or a tiny live WebGL embed.
Vote and save it — continue with GitHub or sign in free
Made this, @ossianravn? See how many people played it → or use email
Controls: P to paint this piece in the studio · Ctrl/⌘ Z to undo (add Shift to redo)
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
Watercolor backgrounds for the web.
Still or moving, endlessly tweakable, and ready to drop into your site.
Pigment drift is the slow, unintended shift in an ink's shade or hue as it pools, dries and settles. It's technically a defect, but one that became a style.
The idea comes from David East's Twitter post, which shared pigment drift as a term for generating backgrounds. This project turns that look into a procedural generator you can tweak, animate and export.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
polanaluz
Stained-glass light backgrounds for the web: Windows-wallpaper-style volumetric beams in a ~18 KB zero-dependency WebGL2 library. By aiknow.cc &…
fluid
Dependency-free WebGL studio for generative backgrounds and live embeds.
liquid ripple
Zero-dependency WebGL water background — ambient swell, caustics and pointer-spawned ripple rings in one fragment shader. Vanilla JS + React.
liquid lens
A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.
dithering shader
Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
mandelbrot shader webgl
Mandelbrot shader implemented using typescript and WebGL2, no dependencies.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
