Market

175 items, all from open source you are allowed to reuse. Preview and tune them live, then take the code or the skill.

General skills/

15 results

Liquid Form
Shaders
A ray-marched blob of liquid silver at the center, its surface slowly rippling with noise and its reflections following the pointer. A focal point for product heroes.
WebGL
Fluted Glass
Shaders
A scene seen through reeded glass: it is sliced into strips of refraction with fine highlights and shadows, and drifts slowly from side to side behind the glass. The scene is a sunset, colour blooms or a big word, all drawn on a canvas at runtime; the reeds can be waves, zigzags or irregular lines.
WebGL 2Canvas
Liquid Metal
Shaders
Turns a letter, a word or a shape into flowing chrome: stripes run along the outline with a touch of colour dispersion at the edges. The text is drawn on a canvas and used as the mask, so no image assets are needed; circle, daisy, diamond and metaballs shapes are built in.
WebGL 2Canvas
Gem Smoke
Shaders
Coloured smoke churns inside a gem-shaped outline with light glowing through its edges, like fire sealed in crystal. The shape can be a diamond, circle, daisy or metaballs, and the colours range from flame to fluorescent to infrared.
WebGL 2
Bell Field
Shaders
Like a struck bronze bell: verdigris nodal lines drift across dark metal, shock rings ripple out on a timer, the pointer nudges the pattern and foundry embers rise. A backdrop for audio and brand-story pages.
WebGLCanvas
CRT Tube
Shaders
A curved CRT tube with scanlines, phosphor triads, chromatic fringing and halation. The screen can show a terminal boot log, a film leader countdown, a signal-fault blue screen or an 8-bit arcade title. A backdrop for retro-tech and hacker aesthetics.
WebGLCanvas
Dithering
Shaders
Two-tone dither dots sketch spheres, ripples or swirls with a retro bitmap feel. For characterful backdrops and pixel-art visuals.
WebGL 2
Energy Orb
Shaders
A sphere of fractal smoke floating in the dark, its rim wrapped in a soft glow and a slow field of stars drifting behind. A hero background for AI, compute and network products.
WebGLCanvas
Halftone CMYK
Shaders
Splits the picture into cyan, magenta, yellow and black dots, like a printed poster seen up close; the picture slowly pushes in and out under the dots so they shimmer. The scene is a sunrise over the sea, colour blooms or a big word, drawn on a canvas at runtime; dots, inks and paper are all tunable, with newspaper and vintage presets.
WebGL 2Canvas
Heatmap
Shaders
A shape seen through a thermal camera: bands of colour flow from the centre to the edges with a soft glow around them. Heart, bolt and spark shapes are built in, or type a word; everything is drawn on a canvas at runtime, so no image assets are needed.
WebGL 2Canvas
Laser
Shaders
Four laser scenes on a dark field: a blade cutting through haze, a vanishing-point array, a prism aperture and a halftone relay beam, all nudged by the pointer. For tech and launch-event heroes.
WebGL
Neuro Noise
Shaders
Glowing filaments weave into a neural-network texture, like lightning, veins or star trails. A backdrop with a technical edge.
WebGL 2
Smoke Ring
Shaders
A slowly churning ring of smoke that can be tuned into a solar corona, a cloud halo or a thin glowing line. A centerpiece for launch pages.
WebGL 2
Spiral
Shaders
A single turning spiral fills the frame, with strokes that taper and edges that can turn grainy. For hypnotic or minimal backdrops.
WebGL 2
Waves
Shaders
Rows of undulating lines, from calm ripples to tangled knots. For minimal, print-inspired backdrops and dividers.
WebGL 2