Astra

Web Threads

Glowing threads woven through luminous pinch points that light up under the cursor and carry light on click.

Web Threads, a Astra component

Use Web 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/WebThreads-TS-TW
How to install Astra components

Related components

  • Topography

    A 3D landscape drawn in glowing contour lines that rises under the cursor, with light pulses on click.

  • Faulty Terminal

    A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.

  • Liquid Chrome

    Soft ribbons of liquid chrome that swirl through a dark pool, ripple under the cursor and catch the light as it moves.