What it pulls in

The files it writes

• ui/avatar/Avatar.vue primary
• ui/avatar/AvatarFallback.vue
• ui/avatar/AvatarImage.vue
• ui/avatar/index.ts

The source, as its registry serves it

<script setup lang="ts">
import type { HTMLAttributes } from "vue"
import type { AvatarVariants } from "."
import { AvatarRoot } from "reka-ui"
import { cn } from "@/lib/utils"
import { avatarVariant } from "."

const props = withDefaults(defineProps<{
  class?: HTMLAttributes["class"]
  size?: AvatarVariants["size"]
  shape?: AvatarVariants["shape"]
}>(), {
  size: "sm",
  shape: "circle",
})
</script>

<template>
  <AvatarRoot :class="cn(avatarVariant({ size, shape }), props.class)">
    <slot />
  </AvatarRoot>
</template>

Read from https://shadcn-vue.com/r/styles/new-york/avatar.json. Source is read for the first 150 items per registry, which is a size decision, not a coverage one. Nothing is served from this origin: the install command fetches the registry's own endpoint.

Where to see it running

This registry's own demo page permits framing, so the component can be watched running where its authors maintain it.

https://shadcn-vue.com/docs/components/avatar

This record is the /api/items/shadcn-vue/avatar response blockdex.thecompound.tech served on 2026-09-13, from the crawl of 2026-09-13.