ns-ui
A rotating-word slot: each character column spins through a slot-machine reel of glyphs before landing on the next word, with the slot's own pixel width carried between words of different lengths so the layout never jump-cuts.
Use when a headline word that rotates through a fixed list on a timer, e.g. "Built for {designers/engineers/writers}" — each character column spins through a slot-machine reel and the slot itself carries its width to the next word's length; pick split-flap-board instead when the value is a short status string with no fixed slot width, or counter-carry-ripple when the value is numeric and place value matters.
Install
npx shadcn add https://design.helpmarq.comns-ui / text-slot-rotate
hover to pause the reel, or step it manually with the arrows
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | — | words cycled through, in order, looping |
| interval? | number | — | ms each word holds before rotating to the next |
| charset? | string | — | glyphs a reel spins through before landing (visual only) |
| reelSteps? | number | — | number of intermediate glyphs a reel scrolls through before landing |
| className? | string | — | — |