React Crystals Background
Dendritic crystal growth background for React and Next.js — branching frost tendrils grow outward from seed points, hold, dissolve, and respawn in an endless winter bloom.
React Crystals Background preview
A quiet, almost scientific piece of motion — frost crystals nucleate at random points on the canvas, throw out six-armed dendritic tendrils that branch and re-branch in classic hexagonal symmetry, hold for a beat at full bloom, then fade away and re-seed somewhere new. Hand-written vanilla canvas, zero dependencies, and a seeded PRNG so the growth pattern is deterministic per mount. Ideal for winter launch pages, magical / alchemical product marketing, scientific-tool heroes, cold-storage SaaS, and any moment where a subtle living texture beats another static gradient.
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 crystals background into my projectRelated Components
Magnetic Field
Flowing magnetic field-line curves
Constellation
Drifting dot network with lit connections
Fireflies
Soft glowing wanderers in the dark
Sparkles
Tiny twinkling stars across the scene
Paths
Static flowing bezier path system
Topography
Contour-line relief map
FAQ
Was this page helpful?
Sign in to leave feedback.
Corona
Solar corona background for React and Next.js with a glowing central disc and ~80 radiating rays whose lengths breathe independently while the whole crown slowly rotates.
Deep Sea
Abyssal deep-ocean background for React and Next.js — a handful of bioluminescent jellyfish with trailing tendrils drift through inky blue water while microscopic plankton twinkle in the dark.