Shader backgrounds, shaped for the web.
Animated WebGPU backgrounds with live controls. Tune one, then export a component for React, Vue, HTML or WordPress, or paste it into Framer.
95 curated shaders 433 color Looks 64 blocks performance benchmarked
95 shader systems indexed
433 color Looks
64 blocks
WebGPU + WGSL
Measured performance
From shader to production component.
A live shader editor,
not a color picker.
Every surface opens in a focused workbench. Shape motion, atmosphere and interaction with controls mapped to the shader's actual parameters.
Recorded walkthrough of Silk Bands responding as its band count, folds and motion are adjusted.
Animated backgrounds, ready to tune.
Shader backgrounds by style.
Every style is a live WebGPU shader: tune it in the browser, then take it into React, Vue, HTML, WordPress or Framer.

Liquid glass backgrounds
12 shadersRefraction, reeded panes and glass objects that bend the light and the colour behind them.

Animated gradient backgrounds
6 shadersMesh, grain and aurora gradients that drift slowly behind a headline without stealing it.

Light and glow effects
11 shadersGod rays, light streaks and an eclipse's corona, answering the pointer as it moves.

Metal and chrome
7 shadersAnodized folds, liquid chrome and brushed titanium, lit like a studio product shot.

Iridescent and holographic
7 shadersThin films, foils and spectral ribbons whose colour shifts as the surface turns.

Pixel, dither and halftone
6 shadersPixel tiles, dithering and print textures, on their own scene or on your own logo.
64 page sections with live shader backgrounds.
Hero sections, features, pricing, contact and footers, each with a live shader behind real HTML. Choose its shader and Look, write your copy, then install it for React, Vue, HTML, WordPress or Framer.
Hero sections, launches and interactive moments.
Your logo, alive.
Logo animation for your website: drop in an SVG or PNG and Livemark draws it 24 ways, from pixel tiles and liquid metal to neon, crystal and stained glass, with eight ways to answer the pointer. Your logo is prepared in your browser and never uploaded.
Try every effect on the sample mark. Your own logo, the full controls and the exports for React, Next.js, Vue, Nuxt, HTML, WordPress and Framer come with Aperveil Shaders or Aperveil Pro.
Liquid Metal, 1 of 24















