● EN LIGNE
Boring Avatars

Boring Avatars génère personnalisable SVG avatars de usernames en utilisant ouvrir source React bibliothèque avec 6 themes.

Aperçu du Produit

Boring Avatars (boringavatars.com) is an open-source React library for creating unique, dynamic SVG-based profile avatars from usernames, emails, or strings, serving as a modern alternative to generic placeholders like Gravatar. It ensures scalability without image storage, ideal for web apps, user interfaces, and branding. Launched by Boring Designers, it has gained popularity for its simplicity and customizability, with over 10,000 GitHub stars as of 2025. Dynamic Generation: Avatars auto-generate based on input string for consistency and uniqueness. Themes: Six variants—marble, beam, pixel, sunset, ring, bauhaus—for diverse styles. Customization: Adjustable size, square shape, and brand-matched color palettes. Integration: Easy npm install (npm install boring-avatars) and React component usage (e.g., <Avatar name="John Doe" variant="marble" size="40" />).

Idéal pour

Themes: Six variants—marble, beam, pixel, sunset, ring, bauhaus—pour diverse styles. personnalisation: Adjustable size, square shape, et marque-matched couleur palettes. intégration: facile npm installer (`npm installer boring-avatars`) et React composant usage (e.g., `<Avatar name="John Doe" variant="marble" size="40" />`).

Fonctionnalités Clés

  • Dynamic Generation: Avatars auto-générer basé sur input string pour consistency et uniqueness.
  • Themes: Six variants—marble, beam, pixel, sunset, ring, bauhaus—pour diverse styles.
  • personnalisation: Adjustable size, square shape, et marque-matched couleur palettes.
  • intégration: facile npm installer (`npm installer boring-avatars`) et React composant usage (e.g., `<Avatar name="John Doe" variant="marble" size="40" />`).

Avantages

  • +Open source
  • +Génération de palettes de couleurs
  • +Styles d'illustration uniques
  • +Illustrations personnalisables

Inconvénients

  • -La personnalisation peut nécessiter des compétences en design
  • -Peut nécessiter un temps d'apprentissage

/// SPÉCIFICATIONS

  • Tarif :
    Free
  • Plateforme :
    Browser
/// Outils Similaires