Market

#2 this week

A real Navier-Stokes fluid solved on the GPU: colored dye constantly stirred into curls and glowing with bloom. It flows on its own, and dragging the pointer stirs it by hand. Made for hero and full-screen backgrounds.

WebGL 2

Beams of light fall in from off-screen with a soft bloom along the edges. Stage lighting for launch and event pages.

WebGL 2

A fan of gradient curves spreads across the screen like silk ribbons, with streaks of light flowing along each line. A quiet backdrop for hero sections, launch pages and empty states.

SVG

Soft, out-of-focus diagonal beams drift up from the bottom and pulse gently, their colors stepping from one beam to the next like an aurora seen through frosted glass. A backdrop for dark heroes and launch pages.

Canvas

Sea-glass teal, sky blue and mint blobs drift and breathe over a near-white mint ground, blending where they overlap. Pure CSS and nearly free to run. A soft backdrop for hero sections, cards and email headers.

CSS

In a tidy grid, every dot orbits its own tiny path while colors step through the palette. A rhythmic backdrop with a technical feel.

WebGL 2

A field of tiny squares flickers at random like a quiet wall of status lights, with the odd cell lit in an accent color and the edges fading into the page. A backdrop for heroes, feature sections and data products.

Canvas

Thousands of glowing particles drift along a slowly shifting noise field, trailing fine streaks whose color follows the direction of flow, fading into the dark at the edges. A backdrop for dark heroes, launches, and data or AI products.

Canvas

Gradients with a printed, film-like grain, shaped as soft corner glows, waves, dots or ripples. A textured backdrop for hero sections.

WebGL 2

A fine-lined grid sits in the background; cells light up under the pointer and dim slowly, leaving a faint trail behind it. A backdrop for heroes, sign-in pages and developer tools.

Canvas

A few soft shafts of light hang from above, swaying gently and brightening one after another like daylight through a high window. A calm backdrop for heroes, sign-in screens and launch pages.

CSS

Color spots drift along their own paths, blended by organic noise and a gentle swirl. Made for hero and section backgrounds.

WebGL 2

Colorful blobs melt together when close and pull apart into strands, like a lava lamp. Made for hero backgrounds.

WebGL 2

Tiny specks of light drift and twinkle in the background, shifting slightly with the pointer for a sense of depth. An ambient layer for heroes, cards and sections.

Canvas

Looking down through water: caustics wander over the floor while small waves shimmer the pattern below. The floor is pool tiles or mosaic, drawn on a canvas at runtime in a colour you pick. Made for summer, travel and resort hero backgrounds.

WebGL 2Canvas

A perspective grid rolls in from the horizon under a soft glow, its distant lines merging cleanly without shimmer. A hero background or section divider with a synthwave streak.

WebGL

Three cyan, indigo and purple light ribbons undulate through a glowing dot matrix, leaving the left side dark for copy. A hero background for SaaS and developer tools.

WebGL

Streaks with glowing heads cross a deep teal night while the stars behind them twinkle, with a warm glow along the horizon. A hero backdrop, 404 page or event splash.

Canvas

Contour-like color bands morph slowly through noise, hard-edged or soft. For topographic, candy-colored or print-style backdrops.

WebGL 2

Three chromatically split wavefronts sweep diagonally through a dark field and blend into violet streams, fading into a vignette. A full-bleed background for launches and event pages.

WebGL

Bands of color unfurl outward from the center like a kaleidoscope or spinning candy wrapper. A lively backdrop or transition base.

WebGL 2

Checks, stripes or edges twisted through layered swirls, like drifting ink and silk. Made for large backdrops.

WebGL 2

Four grid walls recede into a perspective tunnel while colored beams streak along them from the depths toward the viewer, like jumping to warp. For launch events, campaign pages and heroes that want a sense of speed.

CSS