KQ-352 · BAND/TYPE
Band Type
Display text sliced into horizontal bands that slip sideways under the cursor — the bands nearest the pointer travel furthest, and they alternate direction, which is what makes the word read as slipping rather than leaning. Leave, and the bands settle back top-down on a spring. Built for 404 numerals and one-word headlines.
KQ-352 · BAND/TYPE
move across it
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/band-type
Props
- text
- string
- default —
- The word or numeral to render.
- bands
- number
- default 7
- Horizontal slices.
- slip
- number
- default 28
- Maximum sideways travel in pixels at the cursor.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | The word or numeral to render. |
| bands | number | 7 | Horizontal slices. |
| slip | number | 28 | Maximum sideways travel in pixels at the cursor. |