Grid Motion
A tilted wall of drifting tiles that slides with the pointer and lights up where it rests.
Use Grid Motion 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/GridMotion-TS-TWRelated components
- Shape Grid
A drifting grid of shapes that lights up under the cursor, with perspective tilt and rainbow trails.
- Acid Squares
A rolling field of glossy squares that ripples under two drifting colored lights.
- Micro Slats
A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.