Circular Text

Layouts characters around a circle with optional rotation animation.

Use Circular Text 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/CircularText-TS-TW

Related components

• Falling Text

  Characters fall with gravity + bounce creating a playful entrance.

• Shuffle

  Animated text reveal where characters shuffle before settling.

• Split Text

  Splits text into characters / words for staggered entrance animation.