React Facets Background
Faceted crystal background for React and Next.js — the viewport is tessellated into triangular shards that catch light like cut glass, with subtle iridescent shimmer.
React Facets Background preview
A cut-glass surface made of hundreds of triangular facets, each one slowly shifting its gradient as if a light source were drifting behind the canvas. Every few moments a single shard flickers brighter — the visual equivalent of a diamond catching the sun — then decays back into the constellation. Built on a jittered-grid Delaunay tessellation, seeded once with a deterministic PRNG so the geometry is identical across renders, and painted directly to a DPR-aware canvas at 60fps. Ideal for premium SaaS heroes, pricing pages, portfolio splash screens, and any surface that benefits from an Apple-keynote sense of refined, architectural polish.
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 facets background into my projectRelated Components
Hexagon
Animated honeycomb grid pattern
Voronoi
Organic irregular cell tessellation
Mesh Gradient
Stripe/Linear-style blurred gradient blobs
Silk
Flowing iridescent satin gradient
Boxes
Translucent drifting square tiles
Gradient
Static conic/linear gradient wash
FAQ
Was this page helpful?
Sign in to leave feedback.
Eclipse
Cinematic total solar eclipse background for React and Next.js — a black lunar disc occults a blazing sun, its pulsating corona and feather-like streamers radiating against a starfield sky.
Fireflies
Magical firefly animation with glowing particles that drift lazily and pulse on and off like summer nights