React Bits

Strands

Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.

Strands, a React Bits component

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

Related components

  • Crystalized Ball

    A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.

  • Elastic Mesh

    Turns text or any logo into a puffy inflated shape you can press, poke and stretch like jelly.

  • Electric Border

    Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.