Astra

Grid Scan

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

Grid Scan, a Astra component

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
How to install Astra components

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.

  • Gradient Waves

    Lit satin waves rolling in from a hazy horizon, with a light that follows the cursor and swells on click.