React Voronoi Background
Shifting Voronoi tessellation background for React and Next.js — drifting seed points grow into cells that morph like stained glass, dragonfly eyes, or cracks in dry earth.
React Voronoi Background preview
A living Voronoi diagram where a handful of seed points drift across the frame and each pixel claims the color of its nearest seed. The result is a biological, mathematical mosaic — part stained glass, part insect eye, part geological crack pattern — that rearranges itself continuously without ever repeating. Rendered into a tiny offscreen buffer and upscaled by the GPU so 22 seeds × 22,400 pixels stay cheap while the final paint is crisp at any viewport. Ideal for generative art portfolios, creative-tool landing pages, research and data visualisation products, and any hero that wants a pattern that feels engineered rather than decorative.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:
use shadcnio to install the voronoi background into my projectRelated Components
Hexagon
Tiled hex grid with pulse animation
Constellation
Connected star-network lines
Topography
Layered contour-line terrain
Mesh Gradient
Stripe-style blurred gradient blobs
Bokeh
Soft-focus floating light orbs
Fog
Drifting volumetric fog layers
FAQ
Was this page helpful?
Sign in to leave feedback.