mayandev/notion-avatar

🪄 An online tool for making notion-style avatars.

Notion Avatar Maker

An online tool for making notion-style avatars.

I18n supported:

• English
• 简体中文
• 한국어

Styles

• 😉 16 face shapes
• 👃🏼 14 noses
• 👄 20 mouths
• 👀 14 eyes
• 👁️ 16 eyebrows
• 🕶️ 14 glasses
• 💇‍♀️ 58 hairstyles
• 🎅🏼 16 beards
• 💋 13 facial details
• 💍 14 accessories

Assets

• Illustration designer: @Felix Wong on ProductHunt
• Pack of illustrations: Noto avatar
• Assets licensed under CC0

Contact

• Open an issue if you have any question about this app.
• DM me on twitter is also welcome.

notion-avatar's Issues

Direct preview of the final avatar

Hello,

Firstly, thank you for your effort in making this tool. 😄

I have a suggestion for improvement: Can you please modify the selection window of the facial features to open next to the final avatar preview rather than above it? If not already the case, it would be ideal if selecting facial features caused an immediate change in the avatar preview, rather than having to save and finalize the changes first.

Kind regards!

Support Korean

Do you mind if I provide korean translation?

A Face Look is Transparent

As shown below, if we select this type of face (first image) and a colored background, the face will look like this (second image), which is different from other type of faces. I am not sure whether it is a bug or a feature lol.

JSON load/export current styles

There needs to be a button for exporting the current config and loading whenever required, provided that the clip components might grow and change just hairstyle or glasses style and export it to png or SVG.

Dependency Dashboard

This issue provides visibility into Renovate updates and their statuses. Learn more

Rate Limited

These updates are currently rate limited. Click on a checkbox below to force their creation now.

• fix(deps): update dependency next to v12.1.4
• chore(deps): update dependency eslint-import-resolver-typescript to v2.7.1
• chore(deps): update dependency svgo to v2.8.0
• chore(deps): update dependency typescript to v4.6.3
• chore(deps): update typescript-eslint monorepo to v4.33.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency dayjs to v1.11.0
• fix(deps): update dependency html2canvas to v1.4.1
• fix(deps): update dependency next-i18next to v8.10.0
• fix(deps): update dependency next-pwa to v5.4.6
• chore(deps): update actions/checkout action to v3
• chore(deps): update actions/setup-node action to v3
• chore(deps): update commitlint monorepo (major) (@commitlint/cli, @commitlint/config-conventional)
• chore(deps): update dependency @types/node to v16
• chore(deps): update dependency eslint to v8
• chore(deps): update dependency eslint-config-airbnb to v19
• chore(deps): update dependency eslint-config-next to v12
• chore(deps): update dependency lint-staged to v12
• chore(deps): update dependency puppeteer to v13
• chore(deps): update typescript-eslint monorepo to v5 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency next-i18next to v11
• fix(deps): update dependency puppeteer-core to v13
• fix(deps): update react monorepo to v18 (major) (react, react-dom)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @types/react to v17.0.43
• chore(deps): update dependency @types/react-dom to v17.0.14
• chore(deps): update dependency @types/node to v14.18.12
• chore(deps): update dependency eslint-config-prettier to v8.5.0
• chore(deps): update dependency eslint-plugin-import to v2.25.4
• chore(deps): update dependency eslint-plugin-jsx-a11y to v6.5.1
• chore(deps): update dependency eslint-plugin-react to v7.29.4
• chore(deps): update dependency eslint-plugin-react-hooks to v4.4.0
• chore(deps): update dependency lint-staged to v11.2.6
• chore(deps): update dependency prettier to v2.6.2
• Click on this checkbox to rebase all open PRs at once

---

• Check this box to trigger a request for Renovate to run again on this repository

Related Project

功能上我增加了一个可视化的配置栏，并且加入了历史记录。

希望能提供勾选框

眼镜 发型 细节 等
这些如果希望头像 没带眼镜
得点好多下 才能调成不带眼镜的造型

其他的细节也是同理

Icons are not displayed

图标不显示

I can't find a good face shape for my friend!

This is urgent. Please dear maintainers.
Reply with interested and I'll send you a photo of my friend.
#good_first_issue

Thanks.

Notion Avatar Maker

How to deploy

作者你好，我想打包成静态网页，请问该如何操作呀， 我用yarn next build && next export出现了i18n的错误，您是如何部署的呢？

Internal Server Error when navigating to or using embed link

When navigating to the example notion avatar api link Vercel returns a 500 error

I forked the repo and locally it sometimes works, but sometimes that api route returns {"status":"error","data":"Node is either not visible or not an HTMLElement"} I think it might have something to do with Vercel caching a bad response or something to do with puppeteer logic, but I'm not totally sure

Transparent bg for png

Would be great to be able to export png with transparent background

Previews are unavailable in the demo site

https://notion-avatar.vercel.app/
Previews of face are unavailable due to the extra "festival" in the path.