# Updated: Strands

By Steven Van · 2026-10-13

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](<https://creatorstoolbox.com/resources/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](<https://reactbits.dev/animations/strands>), 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/animations/strands>)

[Read Updated: Strands on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-strands>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-strands