Rotating Words
An inline word slot that eases its width to each word and swaps words with blur and a rise, pausing on hover, with a static sentence for screen readers.
Preview
One planner for design reviews, launch weeks, hiring loops and offsites
without the spreadsheet.
The slot eases to each word's width, so the sentence around it never jumps. Hover to hold a word.
Inline in body copy
Notes sync with your calendar, shared inbox, team wiki, phone the moment you save.
Dropping in, mono
build #2291 · build status cycles from queued to shipped
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| words | string[] | — | Words or short phrases. |
| interval | number | 2400 | ms each word stays. |
| pauseOnHover | boolean | true | Hold the current word while hovered or focused within. |
| direction | "up" | "down" | "up" | New words rise from below or drop from above. |
| srText | string | words joined | Static text screen readers hear instead of the moving word. |
| wordClassName | string | — | Classes for every word (colour, weight, underline). |
| onIndexChange | (index: number) => void | — | Called when the word changes. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.