Browse components
Rotating Text
Cycles through a list of words with a vertical slide.
Ship
Installation
npx shadcn@latest add @glint-ui/rotating-textFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/rotating-text.json
Usage
import { RotatingText } from "@/components/ui/rotating-text";
<p>Ship <RotatingText words={["faster", "smoother", "bolder"]} /></p>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | ["faster","smoother","bolder"] | Words to cycle through. |
| interval | number | 2000 | Ms each word stays on screen. |
| className | string | — | Extra classes for the root element. |