boringdesigners/boring-avatars

Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.

TypeScript

6,450

229 commits

updated Jun 19, 2026

See the code

README

Boring avatars

Boring avatars is an open source React library and a subscription-based service that generates unique SVG-based user profile avatars from usernames, emails or any random strings.

hi

Install

npm install boring-avatars

Usage

import Avatar from 'boring-avatars';

<Avatar name="Maria Mitchell" />;

Props

PropTypeDefault
sizenumber or string40px
squarebooleanfalse
titlebooleanfalse
namestringClara Barton
variantoneOf: marble, beam, pixel,sunset, ring, bauhausmarble
colorsarray['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']

Name

The name prop is used to generate the avatar. It can be the username, email or any random string.

<Avatar name="Maria Mitchell"/>

Variant

The variant prop is used to change the theme of the avatar. The available variants are: marble, beam, pixel, sunset, ring and bauhaus.

<Avatar name="Alice Paul" variant="beam"/>

Size

The size prop is used to change the size of the avatar.

<Avatar name="Ada Lovelace" size={88}/>

Colors

The colors prop is used to change the color palette of the avatar.

<Avatar name="Grace Hopper" colors={["#fb6900", "#f63700", "#004853", "#007e80", "#00b9bd"]}/>

Square

The square prop is used to make the avatar square.

<Avatar name="Helen Keller" square/>

API service

If you need to generate avatars on a large scale or if you just want to avoid using the React library, we offer a subscription plan for our API service.

Gumroad subscription.

Sponsors

TestMu AI

Boring avatars is generously sponsored by TestMu AI.

TestMu AI (formerly LambdaTest) is the world's first full-stack agentic AI quality engineering platform. Autonomous AI agents plan, author, execute, analyze, and optimize tests with humans in the loop, across 3,000+ browser/OS combinations and 10,000+ real devices. Trusted by 18,000+ enterprises including Microsoft, OpenAI, NVIDIA, and Vimeo.

Explore the platform: https://www.testmuai.com

avatar
avatar-component
avatar-generator
avatar-placeholder
avatars-constructor
avatar-service
beautiful-avatars
javascript
open-source
random-avatars
react
svg

Project health

Overall

3.7/10

Maintained

0/10

Code review

0/10
OpenSSF Scorecard

Latest release

2.0.4 · Sep 28, 2025

Releases this year

0

Significant stargazers

(top 24 of 82)

翠

1,526 followers · starred Jun 2024

Blake Embrey

1,938 followers · starred May 2021

Max

848 followers · starred Jun 2024

Arvin Xu

2,229 followers · starred Jan 2022

boringdesigners/boring-avatars

Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.

TypeScript

6,450

229 commits

updated Jun 19, 2026

See the code

README

Boring avatars

Boring avatars is an open source React library and a subscription-based service that generates unique SVG-based user profile avatars from usernames, emails or any random strings.

hi

Install

npm install boring-avatars

Usage

import Avatar from 'boring-avatars';

<Avatar name="Maria Mitchell" />;

Props

PropTypeDefault
sizenumber or string40px
squarebooleanfalse
titlebooleanfalse
namestringClara Barton
variantoneOf: marble, beam, pixel,sunset, ring, bauhausmarble
colorsarray['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']

Name

The name prop is used to generate the avatar. It can be the username, email or any random string.

<Avatar name="Maria Mitchell"/>

Variant

The variant prop is used to change the theme of the avatar. The available variants are: marble, beam, pixel, sunset, ring and bauhaus.

<Avatar name="Alice Paul" variant="beam"/>

Size

The size prop is used to change the size of the avatar.

<Avatar name="Ada Lovelace" size={88}/>

Colors

The colors prop is used to change the color palette of the avatar.

<Avatar name="Grace Hopper" colors={["#fb6900", "#f63700", "#004853", "#007e80", "#00b9bd"]}/>

Square

The square prop is used to make the avatar square.

<Avatar name="Helen Keller" square/>

API service

If you need to generate avatars on a large scale or if you just want to avoid using the React library, we offer a subscription plan for our API service.

Gumroad subscription.

Sponsors

TestMu AI

Boring avatars is generously sponsored by TestMu AI.

TestMu AI (formerly LambdaTest) is the world's first full-stack agentic AI quality engineering platform. Autonomous AI agents plan, author, execute, analyze, and optimize tests with humans in the loop, across 3,000+ browser/OS combinations and 10,000+ real devices. Trusted by 18,000+ enterprises including Microsoft, OpenAI, NVIDIA, and Vimeo.

Explore the platform: https://www.testmuai.com

avatar
avatar-component
avatar-generator
avatar-placeholder
avatars-constructor
avatar-service
beautiful-avatars
javascript
open-source
random-avatars
react
svg

Project health

Overall

3.7/10

Maintained

0/10

Code review

0/10
OpenSSF Scorecard

Latest release

2.0.4 · Sep 28, 2025

Releases this year

0

Significant stargazers

(top 24 of 82)

翠

1,526 followers · starred Jun 2024

Blake Embrey

1,938 followers · starred May 2021

Max

848 followers · starred Jun 2024

Arvin Xu

2,229 followers · starred Jan 2022