People

Profile Card

A compact profile card for teams, owners, and account surfaces.

Preview

This is the same source that shadcn installs from the generated JSON.

Chen Ning

Available

Design systems lead

Owns component quality, preview coverage, and reusable product patterns.

RegistryPreviewQA

Install

After building the registry and starting the dev server, run this command in a consuming project.

installpnpm dlx shadcn@latest add http://localhost:3000/r/profile-card.json

Source and dependencies

Confirm the source path, registry dependencies, and npm dependencies before installing.

Source pathregistry/default/profile-card/profile-card.tsx

Registry dependencies

badgebuttoncardseparator

NPM dependencies

lucide-react