This component no longer exists. It was in Pure UI’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-10 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
avatar-demo
pure-ui/avatar-demoRemovedExample
Pure UI publishes no description for this item.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/MusKRI/pure-ui/main/public/r/avatar-demo.jsonSource
1import {2 Avatar,3 AvatarFallback,4 AvatarImage,5} from "@/registry/pure-ui/ui/avatar";67export function AvatarDemo() {8 return (9 <div className="flex flex-row flex-wrap items-center gap-12">10 <Avatar>11 <AvatarImage12 src="https://avatars.githubusercontent.com/u/96678499?v=4"13 alt="@shadcn"14 />15 <AvatarFallback>CN</AvatarFallback>16 </Avatar>17 <Avatar className="rounded-lg">18 <AvatarImage19 src="https://github.com/evilrabbit.png"20 alt="@evilrabbit"21 />22 <AvatarFallback>ER</AvatarFallback>23 </Avatar>24 <div className="*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale">25 <Avatar>26 <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />27 <AvatarFallback>CN</AvatarFallback>28 </Avatar>29 <Avatar>30 <AvatarImage31 src="https://avatars.githubusercontent.com/u/96678499?v=4"32 alt="@maxleiter"33 />34 <AvatarFallback>LR</AvatarFallback>35 </Avatar>36 <Avatar>37 <AvatarImage38 src="https://github.com/evilrabbit.png"39 alt="@evilrabbit"40 />41 <AvatarFallback>ER</AvatarFallback>42 </Avatar>43 </div>44 </div>45 );46}
What it pulls in
Other registry items
