Skip to main content

#GitHub情报 #Tools 👻 Vue Color Avatar:纯前端实现的头像生成网站GitHub | Web👉 Features:- 可视化组件配置栏,自定义选项多- 随机生成头像,有一定概率触发彩蛋- 撤销/还原更改- 国际化多语言- 美观的页面与易用的交互在之前我们介绍过同类开源随机头像生成项目 Avatar-gen,当时我给出的改进建议是:可以着眼于提供一些基础筛选选项,如「性别」「戴 / 不戴口罩 / 饰品」等等

  1. Forwarded from Newlearnerの自留地 (初学者 | newlearner.site)
    #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