Patterns & foundations
The six items that are not components: the theme itself, the interactive behaviours built on it, and the hook they share.
ACTIVE-NAV-LINK
npx shadcn add https://ui.lscaturchio.xyz/r/active-nav-link.jsonBREADCRUMB-NAV
npx shadcn add https://ui.lscaturchio.xyz/r/breadcrumb-nav.jsonTHEME-TOGGLE
npx shadcn add https://ui.lscaturchio.xyz/r/theme-toggle.jsonSCROLL-TO-TOP
Live on this page: scroll past the fold and it appears in the bottom-right corner. It is mounted below.
npx shadcn add https://ui.lscaturchio.xyz/r/scroll-to-top.jsonTHEME
The identity itself — warm-paper and slate-night token sets, the Fraunces/Instrument Sans/IBM Plex Mono stack, and the gallery-language utilities every other item is styled with. It is a stylesheet, so the preview is the page you are reading.
npx shadcn add https://ui.lscaturchio.xyz/r/theme.jsonUSE-MOBILE
A hook returning whether the viewport is below the mobile breakpoint. It renders nothing on its own; the sidebar demo on the navigation page is driven by it.
npx shadcn add https://ui.lscaturchio.xyz/r/use-mobile.jsonREVEAL (SCROLL DOWN)
Revealed block 1
Fades and settles in as it enters the viewport. Reduced-motion users see it immediately.
Revealed block 2
Fades and settles in as it enters the viewport. Reduced-motion users see it immediately.
Revealed block 3
Fades and settles in as it enters the viewport. Reduced-motion users see it immediately.
npx shadcn add https://ui.lscaturchio.xyz/r/reveal.json