分享一个 Vue3 + Vite 开发的纯前端在线头像生成网站 🥳

[coolpace]

项目链接

在线预览：https://vue-color-avatar.vercel.app

GitHub 源码：https://github.com/Codennnn/vue-color-avatar

项目介绍

这是一款矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。

你可能感兴趣的功能：

• 可视化组件配置栏
• 随机生成头像，有一定概率触发彩蛋
• 撤销 /还原更改
• 国际化多语言

设计资源

• 设计师：@Micah on Figma
• 素材来源：Avatar Illustration System

附言

这个项目是我学习 Vue3 之后写第一个网站，里面有一些个人认为较好的代码实践，包括 Typescript 的应用和 ESLint + Prettier 的配置，希望对你有帮助。

喜欢的话请给这个项目一个 Star ⭐ 吧～

[wf18321589792]

蛮有意思的。

[zsxzy]

配色挺好

[DearMark]

赏起来

[itning]

可以啊

[iMusic]

有点意思

[ixoy]

之前也看到过一个 notion 头像生成器 https://notion-avatar.vercel.app/zh
可参考参考

[Livid]

有没有考虑过做成 NFT Collection ？

[yl20181003]

挺有意思

[galikeoy]

UI 真不错

[coolpace]

@Livid [楼主回复]
抱歉，我还不知道什么是 NFT Collection，我先去搜索一下相关信息 😉

[coolpace]

@ixoy [楼主回复]
我开发的时候也参考了这个项目！~

[Livid]

@coolpace 比如这样的：

https://opensea.io/collection/cool-cats-nft

[shuxhan]

真不错

[ALVC666]

好！ 本搬砖狗表示让我实现可以 但是让我去设计出来这么一个真的好难
毫无设计能力 只知道好看还是不好看

[Pyrex23]

之前看到过一些一模一样的。。

https://github.com/holiday-lab/holiday-avatar

[coolpace]

@Livid [楼主回复]
非常酷！感谢提供的信息，我会去了解更多细节的

[coolpace]

@Pyrex23 [楼主回复#15]
嗯哼，这种风格的头像还挺受欢迎的

[bankroft]

针不戳

[beiyu]

很棒,喜欢楼主的设计风格．

[stefanieewu]

设计很喜欢，不过好像随机生成，只是在一个随机池里随便选一个？