KQ-020 · TICKER/TAPE
Ticker Tape
A marquee with friction — hover applies drag, grabbing tracks 1:1, and a fling carries real momentum that decays back to duty speed.
KQ-020 · TICKER/TAPE
OSCILLOSOFTNORTHBEAMHELIX LABSPARSECFOUNDRY 9CAMBERQUARTZWORKSVECTORFIELD
· KQ ·CALIBRATED· 60 FPS ·ζ 0.83· KQ ·TENSION 640· 120 HZ ·BENCH 04
Hover to slow · grab and fling
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/ticker-tape
Props
- speed
- number
- default 60
- Duty cruising speed in px/s.
- direction
- "left" | "right"
- default "left"
- Travel direction.
- gap
- number
- default 24
- Gap between items and loop copies.
- pauseOnHover
- boolean
- default true
- Ease to 30% duty speed while hovered.
| Prop | Type | Default | Description |
|---|---|---|---|
| speed | number | 60 | Duty cruising speed in px/s. |
| direction | "left" | "right" | "left" | Travel direction. |
| gap | number | 24 | Gap between items and loop copies. |
| pauseOnHover | boolean | true | Ease to 30% duty speed while hovered. |