React Bits

Threads

Flowing threads that fray apart and part around the cursor, from fine silk to contour lines.

Threads, a React Bits component

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

Related components

  • Waves

    Dense flowing lines that sway like silk, bend around the cursor and spring back into place.

  • Silk

    Flowing satin folds with glossy highlights that turn toward the cursor and ripple on click.

  • Dark Veil

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