A team switcher on a dark full-height section: a dropdown grouping a personal workspace and teams, each with a small Orbital orb on a rounded tile, a Pro badge and a create-team action.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/team-selectornpx shadcn add @01orbital/team-selectoryarn shadcn add @01orbital/team-selectorbunx --bun shadcn add @01orbital/team-selectorPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/app/team-selector/index.tsx, as source you own and edit.
import TeamSelector from "@/components/blocks/app/team-selector"
// Opens on the menu, so the card shows the teams and Create a team.
export default function TeamSelectorDemo() {
return <TeamSelector defaultOpen />
}Prop
Type
Registry pieces it installs with it:
buttondialogfieldinputteam-switcherTeam Members
A team member list card with Orbital orb avatars, emails and a searchable role picker per person in a popover, choosing between Viewer, Developer, Billing and Owner.
Top Editorials
A ranked editorials table card with a views, time or shares toggle, titles in the Hanken Grotesk display face, row menus to edit in a dialog, publish now or confirm delete, and load more.