Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Header Scroll Pill

header-scroll-pill

A page header that morphs between a full-width quiet nav bar at the top and a floating centered pill once scrolled: spring-like width/radius/padding morph, section label roll, and a progress hairline, with hysteresis so it never flutters at the threshold and a fast upward scroll flicks it back open with 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
Slider Chladni Tune
slider-chladni-tune
Component
Nav Condense Rail
nav-condense-rail
Component
Grinding Chatter Lobes
grinding-chatter-lobes
Component
Counter Carry Ripple
counter-carry-ripple
Component
ASCII Knot Volumetric
ascii-knot-volumetric
Component
Terrain Erosion Carve
terrain-erosion-carve
Component
Refresh Pull Flywheel
refresh-pull-flywheel
Component
Kamacite Etch
kamacite-etch
Component