Spinning Circular Text
Text arranged in a circle with a continuous spinning animation.
Features
- Adjustable character spacing and font size.
- Container size scales automatically to fit the text ring.
Use cases
- Badge in a site footer.
- Decorative stamp around a logo or call to action.
Installation
pnpm dlx shadcn@latest add @ncdai/spinning-circular-text
Usage
import { SpinningCircularText } from "@/components/spinning-circular-text"<SpinningCircularText text="Built with care by ncdai • " />Examples
Shimmering text
API reference
SpinningCircularText
Prop
Type
Accessibility
- Screen readers announce the full text, and the spinning ring stays hidden.
Credits
License and usage
- Free to use and modify in both personal and commercial projects.
- Attribution is appreciated but not required.
- Released under the MIT License.