Updated: Floating Lines
By Steven Van ·
The React Bits background drops its extra dependencies and gains dotted and dashed line styles, cursor and click effects, and an ink light mode.
Floating Lines, the animated background in React Bits, has been redrawn with crisp, finely glowing lines and no extra dependencies.
Cursor and click behaviour
The lines drift in waves, part smoothly around the cursor and curl when clicked.
Styles and light mode
The lines now come in dotted and dashed styles. A clean ink light mode is also included.
Installing it
The component can be added with npx shadcn@latest add @react-bits/FloatingLines-TS-TW. It is offered in JavaScript or TypeScript, with plain CSS or Tailwind.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →