Boring Avatars

一个开源的头像生成库，可以根据用户名或邮箱生成独特的SVG头像。提供了6种不同的风格主题，还能自定义颜色。对开发者特别友好，不用操心图片上传，完全不会撞图，特别适合做用户默认头像。

Boring Avatars是什么

Boring Avatars 是个开源 React 库，根据用户名或邮箱生成独特的 SVG 头像。有 6 种风格（marble、beam、pixel、sunset、ring、bauhaus），还能自定义颜色。不用管理图片上传，完全不会撞图，特别适合做用户默认头像。

主页

在线编辑

例子

如何使用Boring Avatars

用起来很简单：

安装：npm install boring-avatars

使用：导入组件，传个 name 属性就行：<Avatar name="用户名" />

自定义：可以设置 variant（风格）、size（尺寸）、colors（颜色）、square（方形）等属性。同一个用户名总是生成同一个头像。

Boring Avatars 的特色

6 种风格主题

marble、beam、pixel、sunset、ring、bauhaus，风格多样

基于名字生成

根据用户名或邮箱生成固定头像，同一个名字总是生成同一个头像

SVG 格式

矢量图，任意缩放不失真，文件小加载快

高度可定制

可以自定义颜色、尺寸、形状，还能匹配品牌色

Boring Avatars 的使用场景

用户默认头像

用户没上传头像时自动生成，根据用户名生成固定头像

React 项目

直接集成到 React 项目里，组件化使用方便

品牌定制

自定义颜色匹配品牌色，保持视觉一致性

Boring Avatars 优缺点

优点

开源免费，React 组件用起来方便

基于名字生成，头像固定可预测

SVG 格式，文件小加载快

6 种风格可选，还能自定义颜色

不会撞图，每个名字都生成独特头像

缺点

只支持 React，其他框架需要自己封装

风格相对抽象，不够真实

颜色自定义需要传数组，不够直观

Boring Avatars 常见问题

Q1: 可以商用吗？

可以，开源项目，可以免费商用。

Q2: 怎么自定义颜色？

传 colors 属性，是个颜色数组，比如 colors={["#92A1C6", "#146A7C"]}。

Q3: 同一个用户名会生成同一个头像吗？

会，同一个用户名总是生成同一个头像，适合做用户默认头像。

Q4: 支持其他框架吗？

目前只支持 React，其他框架需要自己封装或者用 API 服务。

更多头像

Avatars

免费的头像库，同时也是一个开源免费的项目，可以为你的用户添加免费的预设头像，同时该项目也有 Figma 插件，在设计环节也可以快速插入头像资源。

UI Faces

一个超赞的AI生成头像库，专门为设计师准备的。有超过20万+高分辨率的头像可以用，而且都是AI生成的，不用担心版权问题。特别适合做设计原型和项目展示用，界面也做得很简洁，用起来特别顺手。

This Person Does Not Exist

每次刷新就能生成一个新的逼真人脸头像，完全由AI生成，看起来跟真人照片一模一样。超适合需要真实感头像的场景，而且完全免费，生成的头像可以随便用。

Dicebear

使用 DiceBear，您可以立即为您的项目创建很棒的头像。无论您是在寻找抽象的形状还是精心设计的角色，您都会在我们的头像风格中找到合适的东西。无论您想以何种方式以及出于什么目的使用头像，DiceBear 都能提供正确的解决方案！

头像主页

阅读量: - 访客量: -