N
ns-ui

Capstan Slip · ns-ui

A determinate progress bar redrawn as an analog tape transport: a capstan shaft turns at a strictly constant rate while a pinch roller's nip actually sets the tape's speed, and every ~1.1s the nip visibly compresses, slips, and springs back through one small overshoot.

npx shadcn@latest add https://design.helpmarq.com/r/capstan-slip.json
Preview Capstan Slip on ns-ui's site (opens in a new tab)
Loading the source for capstan-slip…

capstan-slip