Shape Grid
A drifting grid of shapes that lights up under the cursor, with perspective tilt and rainbow trails.
Use Shape Grid in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/ShapeGrid-TS-TWRelated components
- Faulty Terminal
A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.
- Grid Distortion
Image background that breaks into a grid of blocks under the cursor and settles back into place.
- Grid Motion
A tilted wall of drifting tiles that slides with the pointer and lights up where it rests.