GitHub

Navigation

Top-level wayfinding: navbars, sidebars, menus, tabs, breadcrumbs, pagination.

CommandMenu

Ctrl/⌘+K command palette for global navigation & actions.

tsx
<CommandMenu open={open} onOpenChange={setOpen}><CommandMenu.Item onSelect={...}>...</CommandMenu.Item></CommandMenu>

Pagination

Accessible page navigation with computed ellipses.

tsx
<Pagination currentPage={3} totalPages={24} onPageChange={setPage} />

Tabs

Compound tabs — underline / pill / contained variants.

Overview content.

Content A

Week content

tsx
<Tabs defaultValue="overview"><Tabs.List>...</Tabs.List></Tabs>

Accordion

Disclosure panels. Single or multiple open. Variants: separated / bordered / minimal.

Book a 30-minute intro call. We scope the problem, propose an approach, and quote a fixed-scope first sprint.

tsx
<Accordion type="single" collapsible><Accordion.Item value="q1">…</Accordion.Item></Accordion>

UserMenu

Avatar trigger + dropdown menu for authenticated user actions.

tsx
<UserMenu user={{...}} items={[...]} />

ThemeSwitcher

Light / dark / auto toggle in dropdown, segmented, or icon modes.

tsx
<ThemeSwitcher variant="dropdown" />