Astra

Flux Lines

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

Flux Lines, a Astra component

Use Flux Lines 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/FluxLines-TS-TW
How to install Astra components

Related components

  • Magnet Lines

    A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.

  • Ferrofluid

    A glossy sea of magnetic fluid where swells of spikes roll in and the cursor raises a crown.

  • Floating Lines

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