Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Toggle Theme ASCII

toggle-theme-ascii

A light/dark toggle whose chip reads the real resolved --background/--foreground values at mount and on every theme change and paints itself in their negative, so it previews almost exactly what the page will look like the instant you click it.

@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
Hero ASCII Reaction Front
hero-ascii-reaction-front
Component
Curtain Austrian Gather
curtain-austrian-gather
Component
Background ASCII Force Chains
background-ascii-force-chains
Component
Toast Undo Fuse
toast-undo-fuse
Component
Screen Flood Stroke
screen-flood-stroke
Component
Loader Braille
loader-braille
Component
Flamegraph ASCII Frames
flamegraph-ascii-frames
Component
Chart Bar Dither
chart-bar-dither
Component