Avatar

Profile picture that fades in once loaded, falls back to colorful initials, and shows an optional presence dot.

Install

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

$pnpm dlx shadcn@latest add @glint-ui/avatar

No live preview has been built for this component yet.

The CLI adds no other registry items with this one.

No npm packages are installed with it.