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
- Pixel Blast
Dithered pixel clouds that drift, shimmer and light up under the cursor, with ripples, shapes and a perspective floor.
- Acid Squares
A rolling field of glossy squares that ripples under two drifting colored lights.
- Faulty Terminal
A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.