Primitive · CLI
Avatar
Soft-rect avatar with image fade-in and fallback crossfade.
Preview
npx shadcn@latest add @atroui/avatarAKJD
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/avatarSource lands in your repo. Installation · Registry
Usage
Soft-rect Mira (not capsule). Image fades in when loaded; fallback crossfades underneath. Prefer FounderAvatar when you need the bundled portrait kit.
tsx
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
<Avatar>
<AvatarImage src="/images/founder-portrait.png" alt="" />
<AvatarFallback>AK</AvatarFallback>
</Avatar>Avatar