Notion Avatar Editor
Custom avatars for your next Svelte project.
Avatar Editor
Hello, stranger! Let's fix that.
Put a face to your name.
Installation Instructions
jsrepo add @stickerdaniel/notion-avatar-svelte/ui/avatar-editor
Usage Examples
State Example
Shows what's currently being edited. This state is persisted in localStorage.
2025-06-10T01:53:34.217Z
tealavatarStore.svgDataUrl
avatarStore.bgClass
avatarStore.config.username
avatarStore.config.colorName
avatarStore.config.lastModified
avatarStore.configJSON
Core avatar configuration stored as serialized JSON. This data powers the editor interface, live previews, and version history. Managed through PersistedState(opens in new tab) and synced with localStorage.
{
"version": 1,
"username": "",
"items": {
"face": 2,
"nose": 7,
"mouth": 0,
"eyes": 13,
"eyebrows": 6,
"glasses": 7,
"hair": 44,
"accessories": 0,
"details": 0,
"beard": 0
},
"colorName": "teal",
"lastModified": "2025-06-10T01:53:34.217Z"
}
No changes to undo No changes to redo