Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Command Palette

Search for a command to run...

Docs
Word Rotate

Word Rotate

A vertical rotation of words

Installation

Usage

import { WordRotate } from "@/components/magicui/word-rotate";
<WordRotate words={["Word", "Rotate"]} />

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component
durationnumber2500Duration of the animation
wordsstring[]""An array of words to rotate through
motionPropsHTMLMotionProps{}An object containing motion animation props