● 在线
Boring Avatars

Boring Avatars

开源 React 库,从用户名生成可自定义 SVG 头像,支持 6 主题。

产品介绍

Boring Avatars (boringavatars.com) 是一个开源 React 库,用于从用户名、邮箱或字符串创建独特、动态 SVG 头像,作为 Gravatar 等通用占位符的现代替代方案。它无需图像存储,确保可扩展性,适合 Web 应用、用户界面和品牌。截至 2025 年,该库在 GitHub 上获超过 10,000 星,由 Boring Designers 推出,因简洁性和可自定义性而受欢迎。 动态生成:基于输入字符串自动创建一致、独特头像。 主题:6 种变体——marble、beam、pixel、sunset、ring、bauhaus——提供多样风格。 自定义:调整大小、正方形形状和品牌匹配颜色调色板。 集成:npm 安装(npm install boring-avatars)和 React 组件使用(如 <Avatar name="John Doe" variant="marble" size="40" />)。

适用人群

主题:6 种变体——marble、beam、pixel、sunset、ring、bauhaus——提供多样风格。 自定义:调整大小、正方形形状和品牌匹配颜色调色板。 集成:npm 安装(`npm install boring-avatars`)和 React 组件使用(如 `<Avatar name="John Doe" variant="marble" size="40" />`)。

核心功能

  • 动态生成:基于输入字符串自动创建一致、独特头像。
  • 主题:6 种变体——marble、beam、pixel、sunset、ring、bauhaus——提供多样风格。
  • 自定义:调整大小、正方形形状和品牌匹配颜色调色板。
  • 集成:npm 安装(`npm install boring-avatars`)和 React 组件使用(如 `<Avatar name="John Doe" variant="marble" size="40" />`)。

优点

  • +开源
  • +调色板生成
  • +独特的插画风格
  • +可自定义插画

缺点

  • -自定义可能需要设计技能
  • -可能需要学习曲线

/// 规格参数

  • 价格:
    Free
  • 平台:
    Browser
/// 相似工具