Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Loader Spirograph Trace

loader-spirograph-trace

A determinate loader that traces a real hypotrochoid: the full closed rosette is always visible as a ghost, and progress is the fraction of that curve's arc length inked in, so 0% and 100% are both legible shapes rather than an empty ring.

@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
Progress Hatch
progress-hatch
Component
Hero Slice Comb
hero-slice-comb
Component
Divider Mosaic Split
divider-mosaic-split
Component
Bobbin Lace Pricking
bobbin-lace-pricking
Component
Waveform ASCII Scrub
waveform-ascii-scrub
Component
Shearer Advance
shearer-advance
Component
Melt Pond Drain
melt-pond-drain
Component
Gantt ASCII Critical Path
gantt-ascii-critical-path
Component