Quiet, sharp React components for dashboards and sign-in screens: a neutral light and dark theme, pill buttons, menus, an account menu, an app header, a sidebar layout, and a sign-in page.
Avatar button and menu: name and email, a system/light/dark switch, your links, log out.
Dashboard top bar: brand, pill navigation, and a slot for the account menu.
Pill buttons, 40px tall by default.
CopyButton and CopyField (a monospace value with a copy button).
A floating panel from a trigger: 12px corners, 36px rows, grows from the trigger. No positioning library.
PageHeader, Section, List (rounded rows), Notice, and ago() for relative times.
Two or three choices in one small pill.
Dashboard with a sidebar: drill-in groups and route layers that slide in with a back row, a top bar with a scope switcher and breadcrumbs, a drawer on phones.
Centered 384px column, 30px title, stacked 40px pill choices, code field, 'Signing in to <app>'.
Neutral gray scale (light and dark), shadcn's color names on it, type scale, menu animation. Import after Tailwind.
System, light or dark, kept in localStorage and applied as <html data-theme>. Includes the first-paint script.