design-infraReport a problem or share feedback← Catalog
Spinning Text
freemagicui/spinning-text
The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.
$
npx shadcn@latest add @magicui/spinning-textnpm deps: motion
- Source
- Magic UI
- Kind
- effect
- Categories
- text-effect
- Use as
- drop-in — replaces your component
- Applies to
- text-effect
- Motion
- on loop · medium · motion · medium cost
- Tags
- motion
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Rotating Textreact-bits/rotating-textRotating keyword in a headline with staggered letter transitions (motion). Unstyled — put bg-primary/text-primary-foreground on the pill yourself.
- Scramble Hoversmoothui/scramble-hoverA ScrambleHover component for SmoothUI.
- Word Rotatemagicui/word-rotateA vertical rotation of words