Animate UI

Rotating Text

A rotating text animation.

Made by imskyleen
Edit on GitHub
Open in
Rotating

Installation

Usage

<RotatingTextContainer text={['Rotating', 'Text']}>
  <RotatingText />
</RotatingTextContainer>

API Reference

RotatingTextContainer

PropTypeDefault
text
string | string[]
-
duration?
number
2000
y?
number
-50
inView?
boolean
false
inViewMargin?
string
0px
inViewOnce?
boolean
true
delay?
number
0
...props?
React.ComponentProps<"div">
-

RotatingText

PropTypeDefault
transition?
Transition
{ duration: 0.3, ease: 'easeInOut' }
...props?
HTMLMotionProps<"div">
-

Built by Skyleen. The source code is available on GitHub.