# boringdesigners/boring-avatars

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/boringdesigners-boring-avatars).**

6,291 stars · 212 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/boringdesigners/boring-avatars
- Homepage: https://boringavatars.com
- awesome-repositories: https://awesome-repositories.com/repository/boringdesigners-boring-avatars.md

## Topics

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

## Description

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

## Tags

### User Interface & Experience

- [React](https://awesome-repositories.com/f/user-interface-experience/avatar-components/react.md) — Ships a reusable React component that renders SVG avatars with multiple visual styles and color palette customization.
- [User Avatars](https://awesome-repositories.com/f/user-interface-experience/avatar-components/user-avatar-dropdowns/user-avatars.md) — Generates deterministic SVG avatars from any username string via a React component. ([source](https://boringavatars.com/api-service))
- [Avatar Appearance Configurators](https://awesome-repositories.com/f/user-interface-experience/avatars/avatar-appearance-configurators.md) — Select from multiple preset visual styles like marble, beam, or pixel to change the avatar's overall appearance. ([source](https://boringavatars.com))
- [Preset Visual Styles](https://awesome-repositories.com/f/user-interface-experience/avatars/avatar-appearance-configurators/preset-visual-styles.md) — Provides six distinct visual themes including marble, beam, pixel, sunset, ring, and bauhaus for avatar generation. ([source](https://boringavatars.com/api-service))
- [Avatar Shapes](https://awesome-repositories.com/f/user-interface-experience/avatars/avatar-shapes.md) — Renders avatars in one of several distinct visual styles like marble, beam, or pixel. ([source](https://boringavatars.com))
- [Avatar Style Variants](https://awesome-repositories.com/f/user-interface-experience/avatars/avatar-shapes/avatar-style-variants.md) — Renders avatars in one of several distinct visual styles like marble, beam, or pixel. ([source](https://boringavatars.com))
- [React Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components.md) — Exposes avatar generation as a reusable React component with props for name, size, colors, and style variant.
- [Avatar](https://awesome-repositories.com/f/user-interface-experience/layout-components/custom-layouts/visual-identity-customization/avatar.md) — Generates branded or personalized avatars with configurable colors, shapes, and visual styles.
- [API-Served Avatars](https://awesome-repositories.com/f/user-interface-experience/avatar-components/user-avatar-dropdowns/user-avatars/api-served-avatars.md) — Provides a hosted API endpoint for fetching pre-generated SVG avatars without client-side library bundling. ([source](https://cdn.jsdelivr.net/gh/boringdesigners/boring-avatars@master/README.md))
- [Custom Color Palette Definitions](https://awesome-repositories.com/f/user-interface-experience/color-schemes/custom-color-palette-definitions.md) — Define a custom color palette for the avatar using a colors parameter. ([source](https://boringavatars.com/api-service))
- [Avatar Color Palette Customizations](https://awesome-repositories.com/f/user-interface-experience/color-schemes/custom-color-palette-definitions/avatar-color-palette-customizations.md) — Applies a user-defined set of colors to the avatar's generated shapes for visual branding or personalization. ([source](https://boringavatars.com))
- [Style Plugin Components](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/style-plugin-components.md) — Implements each avatar visual style as a self-contained React component with dedicated shape generation logic.

### Part of an Awesome List

- [Avatar Style Variant Libraries](https://awesome-repositories.com/f/awesome-lists/ai/avatar-generation/avatar-style-variant-libraries.md) — Provides six distinct visual themes including marble, beam, pixel, sunset, ring, and bauhaus for avatar generation.
- [SVG Avatar Generator Libraries](https://awesome-repositories.com/f/awesome-lists/ai/avatar-generation/svg-avatar-generator-libraries.md) — An open-source React library that generates deterministic, customizable SVG avatars from any username string.
- [React Component Libraries](https://awesome-repositories.com/f/awesome-lists/devtools/react-component-libraries.md) — Provides reusable React components for rendering SVG avatars with multiple visual styles and color palette options.
- [Avatar Generators](https://awesome-repositories.com/f/awesome-lists/media/avatar-generators.md) — Creates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
- [Configurable SVG](https://awesome-repositories.com/f/awesome-lists/media/avatar-generators/configurable-svg.md) — Generates SVG avatars with configurable size, shape, colors, and visual style parameters.
- [Deterministic](https://awesome-repositories.com/f/awesome-lists/media/avatar-generators/deterministic.md) — Creates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
- [Serverless Avatar APIs](https://awesome-repositories.com/f/awesome-lists/ai/avatar-generation/serverless-avatar-apis.md) — Serves pre-generated SVG avatars from a hosted endpoint without requiring client-side library bundling.

### Graphics & Multimedia

- [Deterministic SVG Generators](https://awesome-repositories.com/f/graphics-multimedia/svg-element-generators/deterministic-svg-generators.md) — Generates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
- [Compositional SVG Path Builders](https://awesome-repositories.com/f/graphics-multimedia/svg-path-rendering/compositional-svg-path-builders.md) — Builds avatars by composing multiple SVG path elements into a single viewBox for scalable vector output.

### DevOps & Infrastructure

- [Serverless Avatar Endpoints](https://awesome-repositories.com/f/devops-infrastructure/rest-api-endpoint-management/single-endpoint-apis/serverless-avatar-endpoints.md) — Serves pre-generated SVG avatars from a hosted serverless endpoint for client-side fetching.