React Bits

Scanner

Glowing interference lines swept by a scan beam, with a CRT finish, cursor lensing and click pings.

Scanner, a React Bits component

Use Scanner 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/Scanner-TS-TW
How to install React Bits components

Related components

  • Faulty Terminal

    A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

  • Topography

    A 3D landscape drawn in glowing contour lines that rises under the cursor, with light pulses on click.

  • Antigravity

    A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.