Background games you can play right now

More than ten background games, each running live on its creator's own site: all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• singularity An animated WebGL black hole for the web. Drop a living, swirling black hole behind your hero section. Tune it in the playground, copy the…
• liquid ripple A water background that reacts to the pointer. Ambient swell, caustic shimmer, and ripple rings that spread and fade where you move — drawn…
• Interactive Image Particles WebGL Create a canvas in your html document e.g Include the library in the document e.g For More Details Please refer to index.html file. Give a…
• veilforge studio A procedural background generator for the web. Six generators, one parameter model, four export targets — and a verification harness that…
• pigment drift generator Watercolor backgrounds for the web. Still or moving, endlessly tweakable, and ready to drop into your site. Pigment drift is the slow…
• gradient gl Default canvas style: z-index: -1, no mix-blend-mode. An opaque html/body background covers a -1 canvas. Raise z-index for fixed chrome or…
• rummy Real-time 3D scenes rendered as ASCII, in WebGL2. Built for hero backgrounds. rummy takes a raymarched scene, a video or any canvas and…
• canvas effects Eight animated greyscale backgrounds for a 2D canvas, with ordered dithering. They sit behind body text. Each one changes the page colour…
• brc background A WebGL domain-warp background effect, derived from studying the main-menu shader of Bomb Rush Cyberfunk (Team Reptile). How it was made…
• octagons Animated backgrounds built from regular octagons. Line art on canvas — the colour gradient runs along the edges, nothing is ever filled…
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~3KB gzip. fill (default) — filled low-poly triangles with…
• react aurora background One tiny WebGL shader instead of blurred DOM elements: smooth on phones, laptops stay quiet. Rendered at a low resolution and scaled by the…
• polanaluz Stained-glass light for your hero section. Windows-wallpaper-style beams of light through stained glass, rendered live in the browser. Live…
• ASCIIGround A TypeScript library for creating animated ASCII canvas backgrounds. Creates smooth, organic-looking patterns like clouds, terrain or…
• fluid Dependency-free WebGL studio for generating backgrounds, wallpapers, Open Graph images, and live embeddable canvases. One HTML file. No…