Word Rotate

Swaps a single word on a quiet vertical roll.

Build faster, lighter, calmer

Installation

pnpm dlx shadcn@latest add https://paulkeys.org/r/word-rotate.json

Adds components/velora/word-rotate.tsx, installs motion.

Prop	Type	Default
`words*`	`string[]`	`—`
`interval` Seconds each word is held	`number`	`2.5`
`className`	`string`	`—`

Reduced motion: The first word stays on screen and the words don't rotate. With motion allowed, rotation pauses while the pointer is over the word, while focus is inside it, and while the tab is hidden.
Keyboard: Decorative — nothing to operate.
Screen readers: All words are exposed once, comma-separated, in an sr-only span; the rotating visual word is aria-hidden, so nothing is announced on change.

Swaps a single word on a quiet vertical roll.

Build faster, lighter, calmer

pnpm dlx shadcn@latest add https://paulkeys.org/r/word-rotate.json

Adds components/velora/word-rotate.tsx, installs motion.

Prop	Type	Default
`words*`	`string[]`	`—`
`interval` Seconds each word is held	`number`	`2.5`
`className`	`string`	`—`

Reduced motion: The first word stays on screen and the words don't rotate. With motion allowed, rotation pauses while the pointer is over the word, while focus is inside it, and while the tab is hidden.
Keyboard: Decorative — nothing to operate.
Screen readers: All words are exposed once, comma-separated, in an sr-only span; the rotating visual word is aria-hidden, so nothing is announced on change.