Word Rotate
A smooth vertical sliding/fading text carousel that rotates through an array of words.
Preview
Installation
pnpm dlx vibe-ui-kit@latest add word-rotate
SaaS Hero Tagline
Target Audience Banner
Usage
import { WordRotate } from "@/components/ui/word-rotate"<WordRotate words={["Word 1", "Word 2", "Word 3"]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
words | string[] | [] | Array of words to rotate through |
duration | number | 2500 | Duration in milliseconds between word rotations |
motionProps | MotionProps | undefined | Custom Framer Motion animation properties |
className | string? | "" | Additional classes for the container |
This WordRotate component transitions sequentially through an array of words with a smooth vertical slide and fade animation.
Contributors
JS
Jenish Sabhadiya