Shadcn.io is not affiliated with official shadcn/ui
React Labyrinth Background
Animated maze background for React and Next.js — a recursive-backtracker perfect maze fills the viewport while glowing pulses wander its corridors like flashlights threading a puzzle.
React Labyrinth Background preview
A perfect maze, generated fresh on every mount, with a handful of luminous pulses drifting along its valid corridors — hesitating at junctions, sometimes doubling back, always staying on-path. The walls are canvas-drawn and static; the motion lives entirely in the light, which makes the effect read as mystical, puzzle-like, and quietly alive. Built on a single canvas with a seeded PRNG and one requestAnimationFrame loop, it runs at 60fps and costs nothing beyond React. Perfect for cryptic landing pages, puzzle and logic-game marketing, dungeon or RPG product pages, and anywhere a hero wants the atmosphere of "something is being solved".
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 labyrinth background into my projectRelated Components
Grid Pattern
Uniform static grid lines
Circuit
Animated PCB trace pulses
Paths
Flowing bezier light paths
Dot Pattern
Static dotted background
Hexagon
Hex-tiled pattern background
Interactive Grid Pattern
Hover-reactive grid cells
FAQ
Was this page helpful?
Sign in to leave feedback.
Kaleidoscope
Hypnotic N-fold symmetric kaleidoscope background for React and Next.js — colored blobs drift through a mirrored wedge to paint an ever-morphing mandala.
Laser Grid
Neon Tron-style orthogonal laser grid background for React and Next.js — glowing cyan and magenta pulses race along a horizontal and vertical line grid at 60fps.