Shadcn.io is not affiliated with official shadcn/ui
React Boxes Background
Interactive isometric grid where boxes light up in random pastel colors on hover, creating a playful 3D effect
This is one of those backgrounds that makes people want to play with it. It's an isometric grid of boxes that light up in random pastel colors when you hover over them—pink, sky blue, green, yellow, the works. The 3D isometric effect is achieved purely with CSS transforms, no actual 3D involved. Users love interacting with it, which makes it perfect for creative portfolios or sites where you want that sense of discovery. The plus signs at the grid intersections add a nice technical touch without being distracting.
React Boxes Background preview
Installation
Related Components
Grid Pattern
Static SVG grid
Flickering Grid
Animated matrix grid
Dot Pattern
Interactive dot matrix
Interactive Grid Pattern
Mouse-reactive grid
Hexagon
Honeycomb pattern grid
Retro Grid
80s perspective grid
FAQ
Was this page helpful?
Sign in to leave feedback.