Astra

Laser Flow

A beam of light that splashes onto your content and pours over its corners.

Laser Flow, a Astra component

Use Laser Flow 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/LaserFlow-TS-TW
How to install Astra components

Related components

  • Animated Content

    Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.

  • Glow Cursor

    Light that pours from the cursor, drifts softly through the air and cools as it fades.

  • Crosshair

    Crosshair cursor with live coordinates that locks onto links and buttons and measures them.