Updated: Strands
By Steven Van ·
React Bits' Strands orb now mirrors the new Siri look, with strands twisting inside frosted glass and responding to voice, click or cursor.
The Strands animation in React Bits has been rebuilt to match the new Siri orb. Spectral strands twist inside a frosted glass orb and swell into one smooth bulge where they come together.
Interaction
According to the announcement, the orb livens up with a voice, a click or the cursor.
Installation
Strands comes in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/Strands-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →