# @blaze-react/avatar

> Avatar is the graphical representation of the user or the user's alter ego or character.

Latest version **0.8.0-alpha.112** (published 2025-10-01) · GPL-3.0 license · 0 weekly downloads

## Install

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

## Health

**Score 45/100 (D)** — status: stable.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.8.0-alpha.112 |
| Published | 2025-10-01 |
| First published | 2019-06-20 |
| Weekly downloads | 0 |
| License | GPL-3.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 862.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | byte9 |
| Maintainers | marekb9, mcabrerapf, daoyong, grzegorzi, ishrat, andypail, tanane |

## Links

- npm: https://www.npmjs.com/package/@blaze-react/avatar
- npm.io page: https://npm.io/package/@blaze-react/avatar

## Recent versions

- 0.8.0-alpha.112 (latest) — 2025-10-01
- 0.8.0-alpha.117 (alpha) — 2026-03-11
- 0.8.0-alpha.115 — 2026-02-23
- 0.8.0-alpha.114 — 2026-01-08
- 0.8.0-alpha.66 — 2023-10-04
- 0.8.0-alpha.64 — 2023-09-14
- 0.8.0-alpha.60 — 2021-11-30
- 0.8.0-alpha.58 — 2021-11-29
- 0.8.0-alpha.56 — 2021-11-29
- 0.8.0-alpha.52 — 2021-11-29
- 0.8.0-alpha.46 — 2021-10-06
- 0.8.0-alpha.45 — 2021-10-06
- 0.8.0-alpha.44 — 2021-10-06
- 0.8.0-alpha.43 — 2021-10-06
- 0.8.0-alpha.42 — 2021-10-06
- … 96 more at https://npm.io/package/@blaze-react/avatar/versions

## README

## Description

Avatar is the graphical representation of the user or the user's alter ego or character.

## Usage

- Image

```js
const url = 'http://lorempixel.com/400/400/people/';

<Avatar url={url} modifier={Avatar.availableModifiers.med} />

<Avatar
  url={url}
  username="Ismael Haytam"
  modifier={Avatar.availableModifiers.small}
/>
```

- User Initials

```js
<Avatar username="Blaz 2" modifier={Avatar.availableModifiers.med} />

<Avatar
  username="Lorem Ipsum"
  modifier={Avatar.availableModifiers.xSmall}
/>
```

## API

##### Avatar can receive a number of `props` as follow:

| NAME     |  TYPE  | DEFAULT | Options             |
| :------- | :----: | :-----: | ------------------- |
| modifier | String |  empty  | med, small, x-small |
| url      | string |  empty  |
| username | String |    !    |

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