Components

Word Rotate (Radix UI)

A word rotate animation component with realistic typing effects and customizable cursor.

Installation

pnpm dlx shadcn@latest add @toui/word-rotate

Examples

Slide

Flip

Scale

API Reference

This component is built using Motion primitives and includes the following custom props:

WordRotate

PropTypeDefault
words string[]
duration number1500
animationStyle enum "fade"
loop booleantrue
pauseDuration number300
className string
containerClassName string
startOnView booleantrue
once booleanfalse
inViewMargin string

Credits

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.