KQ-104 · PATH/TYPE
Path Type
A sentence set on an undulating ribbon — scroll draws the path in while the type rides its wave, cresting and dipping with a leading tick, every position scrubbed 1:1 from scroll.
KQ-104 · PATH/TYPE
WAVEFORM LEDGER
KQ-104
Every spring in this catalog was tuned by hand and filed by serial.
RIDE · 00%
RIDE · 00%
Scroll the stage - the line rides its own wave.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/path-type
Props
- text
- string
- default —
- One sentence to set on the ribbon.
- amplitude / height
- number / number
- default 26 / 260
- Wave height and scroll stage height.
- onProgress
- (progress) => void
- default —
- Streams the ride, deduped to hundredths.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | One sentence to set on the ribbon. |
| amplitude / height | number / number | 26 / 260 | Wave height and scroll stage height. |
| onProgress | (progress) => void | — | Streams the ride, deduped to hundredths. |