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-size-demo

pure-ui/avatar-size-demo

RemovedExample

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-size-demo.json

Source

src/registry/pure-ui/examples/avatar/avatar-size-demo.tsxraw.githubusercontent.com/MusKRI/pure-ui/main/public/r/avatar-size-demo.json

1import {
2  Avatar,
3  AvatarFallback,
4  AvatarImage,
5} from "@/registry/pure-ui/ui/avatar";
6
7export function AvatarSizeDemo() {
8  return (
9    <div className="flex items-center gap-4">
10      <Avatar>
11        <AvatarImage
12          alt="User"
13          src="https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg"
14        />
15        <AvatarFallback>AV</AvatarFallback>
16      </Avatar>
17      <Avatar className="size-12">
18        <AvatarImage
19          alt="User"
20          src="https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg"
21        />
22        <AvatarFallback>AV</AvatarFallback>
23      </Avatar>
24      <Avatar className="size-16">
25        <AvatarImage
26          alt="User"
27          src="https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg"
28        />
29        <AvatarFallback>AV</AvatarFallback>
30      </Avatar>
31    </div>
32  );
33}

What it pulls in

Other registry items

avatar

Files it writes

src/registry/pure-ui/examples/avatar/avatar-size-demo.tsx