boringdesigners/boring-avatars

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

View on GitHub ↗Jump to charts ↓

Summary Information

Updated 47 minutes ago
Added to GitGenius on September 10th, 2026
Created on December 23rd, 2020
Open Issues & Pull Requests: 0 (+0)
GitHub issues: Enabled
Number of forks: 216
Total Stargazers: 6,402 (+0)
Total Subscribers: 22 (+0)

Charts & Analytics

Fetching additional details & charts...

Issue Activity (beta)

Issue API getrepoissuespagesummary failed: 429 Rate limit exceeded. Please try again later.

Detailed Description

Boring avatars is a React library that generates unique, customizable SVG-based avatars from usernames, emails, or any input string.

The library solves the problem of creating placeholder or profile avatars without requiring image uploads or external services. It works by taking a name or string input and deterministically generating a unique avatar design in SVG format. Users can customize the output through several props: selecting from six visual variants (marble, beam, pixel, sunset, ring, and bauhaus), adjusting size, choosing a color palette, and toggling between circular and square shapes.

Developers should choose this tool when they need lightweight, deterministic avatar generation without server-side image processing or external API calls. It suits projects requiring user profile pictures, comment avatars, or placeholder graphics where visual consistency matters but photorealism does not. The library is particularly useful for applications that want to avoid storing user-uploaded images. For teams needing large-scale avatar generation or preferring not to use React, the project offers a subscription-based API service as an alternative to the client-side library.

The project maintains active development with regular updates to the codebase. The maintainers respond to issues and pull requests, indicating ongoing engagement with the community. The library is well-documented with clear prop definitions and usage examples in the README, making it straightforward for new users to integrate.