ComponentReactSelf-contained

Glass TOC

glass-toc

On-this-page navigation card with active-item highlight.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

npx shadcn@latest add @washiveil/glass-toc

Needs @washiveil in your components.json registries — switch to URL if it doesn't resolve.

@washiveil

Confirmation dialog on strong glass, built on Radix AlertDialog.

Toasts as small veils — sonner styled on the washi glass registers.

Ratio-locked container, built on Radix AspectRatio.

Toggle switch — ruri track when on, glass thumb, built on Radix Switch.

Breadcrumb trail in the quiet text register.

Pill tab list on a glass ground with a ruri active tab, built on Radix Tabs.

Calendar on the washi ground with ruri selection, built on react-day-picker.

Checkbox on glass with a ruri checked state, built on Radix Checkbox.