Skip to content

Backgrounds & textures

Canvases that move (or don't)

Animated fields, gradients, grain and glass. Each background ships with a performance tier, a fallback strategy and multiple implementation views.

33 backgrounds
Aurora Veil
CSS · low tier
8.9k
Sorbet Sweep
CSS · low tier
7.7k
Star Motes
CSS / WebGL · mid tier
7.2k
Paper Noise
CSS / SVG · low tier
6.6k
Liquid Glass
CSS / SVG · low tier
5.2k
Grid Drift
CSS · low tier
4.0k
Star Field Parallax
CSS · low tier
3.5k
Confetti Field
CSS · low tier
3.1k
Ink Aurora
WebGL · high tier
2.9k
Liquid Gradient Mesh
CSS · low tier
2.9k
Lava Lamp Blobs
CSS · low tier
2.7k
Water Ripple Ring
CSS · low tier
2.5k
Halftone Bloom
CSS / SVG · mid tier
2.4k
Silk Wave
CSS / SVG · low tier
2.4k
Blueprint Grid
CSS / SVG · low tier
2.3k
Scanline CRT
CSS · low tier
2.2k
Aurora Band
CSS / SVG · low tier
2.2k
Ember Rise
CSS · low tier
2.0k
Paper Grain
CSS / SVG · low tier
2.0k
Topographic Contours
CSS / SVG · low tier
1.9k
Ink on Wet Paper
CSS / SVG · low tier
1.8k
Bokeh Depth Field
CSS · low tier
1.7k
Halftone Burst
CSS / SVG · low tier
1.7k
Dot Matrix Pattern
CSS · low tier
1.7k
Cloud Layer Drift
CSS · low tier
1.5k
Noise Storm
CSS / SVG · low tier
1.5k
Glass Shards
CSS · low tier
1.4k
Brushed Metal Sheen
CSS · low tier
1.4k
Sunset Horizon Strip
CSS · low tier
1.4k
Glass Distortion
CSS · mid tier
1.3k
Carbon Fibre Weave
CSS · low tier
1.3k
Checkerboard Fade
CSS · low tier
980
Plaid Weave
CSS / SVG · low tier
890