Astra

Line Waves

Fine lines that flow in silky waves while a band of light drifts through them.

Line Waves, a Astra component

Use Line Waves 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/LineWaves-TS-TW
How to install Astra components

Related components

  • Dark Veil

    A silky veil of light that drifts in the dark and bends around the cursor.

  • Floating Lines

    Ribbons of fine glowing lines that drift in waves, part around the cursor and curl when clicked.

  • Flux Lines

    Glowing flux lines tracing a churning magnetic fluid. The cursor magnet reveals and curls them.