BuyBuy Agentic UI Kit

Org Switcher

Organization selector in the sidebar of a multi-tenant control panel.

Full screen Try a theme

What it's for

Organization selector in the sidebar of a multi-tenant control panel.
Workspace selector in the top bar with an option to create a new company.
Switcher between a personal account and work organizations on a B2B platform.

Includes

Combobox selection
Live search filtering
Organization grouping
Plan badging
Keyboard navigation
Create org dialog
Slug auto generation
Plan selection

Works with

Radix UI primitives (the registry variant it ships in)
React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
Your theme tokens, in light and dark mode
1 template or blueprint on this site use it (below)

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add org-switcher

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/org-switcher

Used in

Blueprint SaaS Backoffice

Type: Block
Variants: Radix UI
Themes: Light and dark
Widths: Preview it at desktop, tablet and mobile widths above.
Motion: Animated, with a reduced-motion fallback

npm packages: lucide-react
Registry dependencies: lib-primitives
Files: 4 files
components/agentic-ui/org-switcher/index.tsx
components/agentic-ui/org-switcher/types.ts
components/agentic-ui/org-switcher/create-org-dialog.tsx
components/agentic-ui/org-switcher/org-switcher.tsx