# @radix-ui/react-avatar

Latest version **1.2.6** (published 2026-07-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @radix-ui/react-avatar
pnpm add @radix-ui/react-avatar
yarn add @radix-ui/react-avatar
bun add @radix-ui/react-avatar
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.2.6 |
| Published | 2026-07-24 |
| First published | 2020-12-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 41.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 19310 |
| Maintainers | hadihallak, chancestrickland, mark-workos, npm-workos |

## Links

- npm: https://www.npmjs.com/package/@radix-ui/react-avatar
- Repository: https://github.com/radix-ui/primitives
- Homepage: https://radix-ui.com/primitives
- Issues: https://github.com/radix-ui/primitives/issues
- npm.io page: https://npm.io/package/@radix-ui/react-avatar

## Dependencies (6)

- [@radix-ui/primitive](https://npm.io/package/@radix-ui/primitive.md) 1.1.7
- [@radix-ui/react-context](https://npm.io/package/@radix-ui/react-context.md) 1.2.2
- [@radix-ui/react-primitive](https://npm.io/package/@radix-ui/react-primitive.md) 2.1.10
- [@radix-ui/react-use-is-hydrated](https://npm.io/package/@radix-ui/react-use-is-hydrated.md) 0.1.3
- [@radix-ui/react-use-callback-ref](https://npm.io/package/@radix-ui/react-use-callback-ref.md) 1.1.4
- [@radix-ui/react-use-layout-effect](https://npm.io/package/@radix-ui/react-use-layout-effect.md) 1.1.4

## Recent versions

- 1.2.6 (latest) — 2026-07-24
- 1.2.7-rc.1785512840124 (next) — 2026-07-31
- 1.2.7-rc.1785445473332 — 2026-07-30
- 1.2.7-rc.1785253136758 — 2026-07-28
- 1.2.7-rc.1785185620783 — 2026-07-27
- 1.2.5-rc.1784938226983 — 2026-07-25
- 1.2.5-rc.1784910896438 — 2026-07-24
- 1.2.5 — 2026-07-24
- 1.2.4 — 2026-07-22
- 1.2.4-rc.1784603841447 — 2026-07-21
- 1.2.3-rc.1784507240898 — 2026-07-20
- 1.2.3 — 2026-07-20
- 1.2.3-rc.1784498721701 — 2026-07-19
- 1.2.3-rc.1784074599772 — 2026-07-15
- 1.2.3-rc.1784059564143 — 2026-07-14
- … 291 more at https://npm.io/package/@radix-ui/react-avatar/versions

## README

[![Radix Primitives Logo](primitives.png)](https://radix-ui.com/primitives)

# Radix Primitives

**An open-source UI component library for building high-quality, accessible design systems and web apps.**

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

---

## Installation

First, install pnpm if you haven't already. Open your terminal and run:

```bash
npm install -g pnpm
```

Then, install the dependencies:

```bash
pnpm install
```

## Documentation

For full documentation, visit [radix-ui.com/primitives/docs](https://www.radix-ui.com/primitives/docs).

## Releases

For changelog, visit [radix-ui.com/primitives/docs/overview/releases](https://www.radix-ui.com/primitives/docs/overview/releases).

## Contributing

Please follow our [contributing guidelines](./.github/CONTRIBUTING.md).

---

## Community

- [Discord](https://discord.com/invite/7Xb99uG) - To get involved with the Radix community, ask questions and share tips.
- [Twitter](https://twitter.com/radix_ui) - To receive updates, announcements, blog posts, and general Radix tips.

## Thanks

<a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>

Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.

---

## License

Licensed under the MIT License, Copyright © 2022-present [WorkOS](https://workos.com).

---
_Source: https://npm.io/package/@radix-ui/react-avatar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._