Grid Scan

A 3D grid room swept by a scanning light that follows your view.

Use Grid Scan 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/GridScan-TS-TW

Related components

• Beams

  Glossy ribbons that ripple in the dark and catch the light, which follows your cursor.

• Gradient Blinds

  Satin gradient blinds lit by a spotlight that follows the cursor, swaying and turning toward the light.

• Sliced Waves

  Waves of colored light sliced into glowing bars, seen in depth with a focus that follows the cursor.