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.
npm install boring-avatars
import Avatar from 'boring-avatars';
<Avatar name="Maria Mitchell" />;| Prop | Type | Default |
|---|---|---|
| size | number or string | 40px |
| square | boolean | false |
| title | boolean | false |
| name | string | Clara Barton |
| variant | oneOf: marble, beam, pixel,sunset, ring, bauhaus |
marble |
| colors | array | ['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90'] |
The name prop is used to generate the avatar. It can be the username, email or any random string.
<Avatar name="Maria Mitchell"/>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"/>The size prop is used to change the size of the avatar.
<Avatar name="Ada Lovelace" size={88}/>The colors prop is used to change the color palette of the avatar.
<Avatar name="Grace Hopper" colors={["#fb6900", "#f63700", "#004853", "#007e80", "#00b9bd"]}/>The square prop is used to make the avatar square.
<Avatar name="Helen Keller" square/>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.
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