KQ-179 · STICKY/STACK
Sticky Stack
Scroll a run of sections and their headers stack up at the top instead of one replacing the next. Each header sticks a header-height lower than the last, piling into a legible ledger of where you are; when a section scrolls past, its header releases and peels away, uncovering the one beneath.
01 · Intake
The rig settled at 4.6 mm after two passes.
Tolerance held inside a tenth the whole run.
Capture ran at 48 kHz, no dropped frames.
Cobalt housing, brass collar, oxide seal.
The press holds nine tonnes at the peak.
Recalibrate on the 14th; drift is a tenth a month.
02 · Press
The rig settled at 4.6 mm after two passes.
Tolerance held inside a tenth the whole run.
Capture ran at 48 kHz, no dropped frames.
Cobalt housing, brass collar, oxide seal.
The press holds nine tonnes at the peak.
Recalibrate on the 14th; drift is a tenth a month.
03 · Cure
The rig settled at 4.6 mm after two passes.
Tolerance held inside a tenth the whole run.
Capture ran at 48 kHz, no dropped frames.
Cobalt housing, brass collar, oxide seal.
The press holds nine tonnes at the peak.
Recalibrate on the 14th; drift is a tenth a month.
04 · Seal
The rig settled at 4.6 mm after two passes.
Tolerance held inside a tenth the whole run.
Capture ran at 48 kHz, no dropped frames.
Cobalt housing, brass collar, oxide seal.
The press holds nine tonnes at the peak.
Recalibrate on the 14th; drift is a tenth a month.
05 · Ship
The rig settled at 4.6 mm after two passes.
Tolerance held inside a tenth the whole run.
Capture ran at 48 kHz, no dropped frames.
Cobalt housing, brass collar, oxide seal.
The press holds nine tonnes at the peak.
Recalibrate on the 14th; drift is a tenth a month.
Scroll headers stack, then peel
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/sticky-stack
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| sections | StackSection[] | — | Each carries a title and its content. |
| headerHeight / height | number | 44 / 320 | Header height (the stack step) and the viewport height, in px. |