People directory card with a search field and team select filtering a table of name, role, team and location. Accent-insensitive search, a live result count and an Empty state with Clear filters.
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/people-directory-01npx shadcn add @01orbital/people-directory-01yarn shadcn add @01orbital/people-directory-01bunx --bun shadcn add @01orbital/people-directory-01Part 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/team/people-directory-01/index.tsx, as source you own and edit.
import PeopleDirectory01 from "@/components/blocks/team/people-directory-01"
export default function Example() {
return <PeopleDirectory01 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
buttoncardemptyinput-grouplabelnative-selecttableProject Members Bar
Project members bar with stacked Celestograph avatars, an overflow count and a names summary, plus a Manage members button that opens a Member Sheet to add or remove people. Client component.
Six-Person Team Grid
Team grid with eyebrow, heading and description over six portrait profiles in three columns, each a Celestograph placeholder plate with the name and role underneath.