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-TWRelated components
- Shuffle
Animated text reveal where characters shuffle before settling.
- Split Text
Splits text into characters / words for staggered entrance animation.
- Text Pressure
Characters scale / warp interactively based on pointer pressure zone.