Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Capstan Slip

capstan-slip

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.

@ns-uiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@ns-ui

More from @ns-ui

All 360 items
Equation Kidney Cam
equation-kidney-cam
Component
Slider Vernier
slider-vernier
Component
Network Packet Trace
network-packet-trace
Component
Header Scroll Pill
header-scroll-pill
Component
Craze Rule
craze-rule
Component
Auxin Canal
auxin-canal
Component
Text Ligature Melt
text-ligature-melt
Component
Reveal Cloth Unfurl
reveal-cloth-unfurl
Component