avatar-generator

组合特征一键生成卡通头像组件

开源 🏷️定价信息待确认 ⏳ 访问状态待核验数字人3D 🍴 复刻 121 🐛 待处理 6 👀 关注 14

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1312

维护状态活跃

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

图片来源：项目官网

项目数据

分类数字人3D

开发团队draftbit

官网地址https://personas.draftbit.com

GitHubhttps://github.com/draftbit/avatar-generator

定价模式🏷️定价信息待确认

价格说明定价信息待确认

访问状态⏳ 访问状态待核验

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型avatars,personas,reasonml

GitHub 星标★ 1312

上线时间2018-10-08 00:00:00

代码更新2026-10-23

仓库体积1.7 MB

本站数据更新2026-10-28

维护状态活跃

收录时间2026-10-28

浏览次数0

项目介绍

avatar-generator 是 Draftbit 开源的虚拟形象生成器，项目代号 Personas，用 ReasonML 编写并编译为 JavaScript。它面向需要为用户生成个性化头像的应用场景，解决手动设计头像成本高、风格不统一的问题。核心能力是根据用户特征组合出可配置的卡通人物形象，包括脸型、发型、肤色、五官、服饰等可选项，输出可复用的矢量或组件化头像。项目提供 React Native 组件形态，便于在移动端直接渲染，也适合在 Web 端通过构建流程接入。整体定位是轻量、可定制的头像生成方案，适合社交、社区、游戏化产品快速补齐用户头像能力，无需依赖外部头像服务。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-10-28 · 当前星标 ★ 1312

使用教程

难度：入门约 10 分钟部署方式：本地安装 6 步

环境要求

Node 22 及以上版本（版本要求见仓库 .nvmrc）
Yarn 4，通过 corepack enable 启用
需要同时运行 ReScript 编译和 Vite 开发服务器，建议准备两个终端窗口

安装与启动步骤

1获取项目代码

克隆 Draftbit 的 avatar-generator 仓库到本地，然后进入项目目录。
```
git clone https://github.com/draftbit/avatar-generator.git
cd avatar-generator
```
2启用 Yarn 4

项目使用 Yarn 4 管理依赖，先用 corepack 启用对应版本。
```
corepack enable
```
3安装依赖

在项目根目录执行 yarn，安装 ReScript、React 18、Vite 等全部依赖。
```
yarn
```
4启动编译监听

在第一个终端中运行，ReScript 源码改动会实时编译为 JavaScript。
```
yarn re:watch
```
5启动开发服务器

另开一个终端运行 Vite 开发服务器，与上一步的编译监听同时保持运行。
```
yarn dev
```
6构建与本地预览

需要产出生产版本时执行 build，产物在 dist/ 目录，可用 preview 本地查看。
```
yarn build
yarn preview
```

关键配置

配置项	必填	说明	示例
`CLOUDFLARE_API_TOKEN`	否	仅自动部署到 Cloudflare Workers 时需要，配置在仓库 Secrets 中	`your-cloudflare-api-token`
`CLOUDFLARE_ACCOUNT_ID`	否	仅自动部署时需要，用于指定 Cloudflare 账号	`your-cloudflare-account-id`