# Avatar

> An avatar from the Create UI design system with photos or initials, seven sizes, circle or rounded shapes, eight status badges, progress and gradient rings, icon, count and flag badges, and overlapping groups.

- Author: [Create UI](https://21st.dev/@createuico)
- License: mit
- npm dependencies: clsx, tailwind-merge, class-variance-authority
- Live preview: https://21st.dev/@createuico/components/avatar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/createuico/avatar?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt