#GitHub情报 #Tools

👻 Vue Color Avatar:纯前端实现的头像生成网站

GitHub | Web

👉 Features:

- 可视化组件配置栏,自定义选项多
- 随机生成头像,有一定概率触发彩蛋
- 撤销/还原更改
- 国际化多语言
- 美观的页面与易用的交互

在之前我们介绍过同类开源随机头像生成项目 Avatar-gen,当时我给出的改进建议是:可以着眼于提供一些基础筛选选项,如「性别」「戴 / 不戴口罩 / 饰品」等等。这样更有利于我们快速选出适合自己的头像。而 Vue Color Avatar 做到了

😀 本项目依然使用 Micah Lanier 设计的 Figma 素材,将头像图片分为头、耳朵、眼镜、头发、饰品等不同图层,并将这些图层进行组合,最终生成一张随机的头像。不同的是,Vue Color Avatar 支持定制人脸的不同部位,甚至还可以选择背景色和头像形状

👀 这对像我一样控制欲极强的人非常友好,可以帮助用户迅速选出他们心目中的头像。美中不足的是,目前「脸蛋」的选项只有一个,且没有提供肤色选择。希望开发者能够根据 Figma 素材将它们补充进来。该项目使用 Vue3 + Vite 进行开发,大家喜欢的话可以试用一下

📘 关联阅读:

1️⃣ Avatar-gen:开源的随机头像生成器
2️⃣ Boring Avatars - 可自定义元素的头像 JS 库
3️⃣ Notion-avatar:开源的 Notion 风格头像在线生成器

频道:@NewlearnerChannel
 
 
Back to Top