awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
boringdesigners avatar

boringdesigners/boring-avatars

0
View on GitHub↗
6,291 stars·212 forks·TypeScript·MIT·20 viewsboringavatars.com↗

Boring Avatars

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

Features

  • React - Ships a reusable React component that renders SVG avatars with multiple visual styles and color palette customization.
  • Avatar Style Variant Libraries - Provides six distinct visual themes including marble, beam, pixel, sunset, ring, and bauhaus for avatar generation.
  • SVG Avatar Generator Libraries - An open-source React library that generates deterministic, customizable SVG avatars from any username string.
  • React Component Libraries - Provides reusable React components for rendering SVG avatars with multiple visual styles and color palette options.
  • Avatar Generators - Creates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
  • Configurable SVG - Generates SVG avatars with configurable size, shape, colors, and visual style parameters.
  • Deterministic - Creates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
  • Deterministic SVG Generators - Generates unique, repeatable SVG avatars from any text input using hash-based visual patterns.
  • Compositional SVG Path Builders - Builds avatars by composing multiple SVG path elements into a single viewBox for scalable vector output.
  • User Avatars - Generates deterministic SVG avatars from any username string via a React component.
  • Avatar Appearance Configurators - Select from multiple preset visual styles like marble, beam, or pixel to change the avatar's overall appearance.
  • Preset Visual Styles - Provides six distinct visual themes including marble, beam, pixel, sunset, ring, and bauhaus for avatar generation.
  • Avatar Shapes - Renders avatars in one of several distinct visual styles like marble, beam, or pixel.
  • Avatar Style Variants - Renders avatars in one of several distinct visual styles like marble, beam, or pixel.
  • React Components - Exposes avatar generation as a reusable React component with props for name, size, colors, and style variant.
  • Avatar - Generates branded or personalized avatars with configurable colors, shapes, and visual styles.
  • Serverless Avatar APIs - Serves pre-generated SVG avatars from a hosted endpoint without requiring client-side library bundling.
  • Serverless Avatar Endpoints - Serves pre-generated SVG avatars from a hosted serverless endpoint for client-side fetching.
  • API-Served Avatars - Provides a hosted API endpoint for fetching pre-generated SVG avatars without client-side library bundling.
  • Custom Color Palette Definitions - Define a custom color palette for the avatar using a colors parameter.
  • Avatar Color Palette Customizations - Applies a user-defined set of colors to the avatar's generated shapes for visual branding or personalization.
  • Style Plugin Components - Implements each avatar visual style as a self-contained React component with dedicated shape generation logic.

Star history

Star history chart for boringdesigners/boring-avatarsStar history chart for boringdesigners/boring-avatars

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Boring Avatars

These projects share indexed features with Boring Avatars. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • codennnn/vue-color-avatarCodennnn avatar

    Codennnn/vue-color-avatar

    3,753View on GitHub↗

    vue-color-avatar is a Vue-based tool for generating scalable vector profile images. It functions as a client-side image generator that produces visuals directly in the browser without the need for a backend processing server. The project provides a visual interface for assembling personalized avatars by combining different graphic components. It also includes a batch generator capable of producing multiple randomized profile images simultaneously by mapping seeds to visual attributes. The system utilizes reactive UI components to synchronize avatar previews with customization controls and em

    Vueavataravatar-generatoravatar-maker
    View on GitHub↗3,753
  • gluestack/gluestack-uigluestack avatar

    gluestack/gluestack-ui

    4,931View on GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    View on GitHub↗4,931
  • adobe/react-spectrumadobe avatar

    adobe/react-spectrum

    15,567View on GitHub↗

    This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The

    TypeScriptaccessibilitydesign-systemsreact
    View on GitHub↗15,567
  • arco-design/arco-designarco-design avatar

    arco-design/arco-design

    5,625View on GitHub↗

    Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

    TypeScript
    View on GitHub↗5,625
Compare all 30 related projects→

Frequently asked questions

What does boringdesigners/boring-avatars do?

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

What are the main features of boringdesigners/boring-avatars?

The main features of boringdesigners/boring-avatars are: React, Avatar Style Variant Libraries, SVG Avatar Generator Libraries, React Component Libraries, Avatar Generators, Configurable SVG, Deterministic, Deterministic SVG Generators.

Which projects share features with boringdesigners/boring-avatars?

Projects with overlapping indexed features include: codennnn/vue-color-avatar — vue-color-avatar is a Vue-based tool for generating scalable vector profile images. It functions as a client-side… gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… arco-design/arco-design — Arco Design is a React UI component library and design system framework used to build professional web interfaces. It… adobe/react-spectrum — This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system.… etesam913/react-magic-motion — React Magic Motion is a component-based library for React that automates layout transitions and visual movement. It…