{"repo":"stickerdaniel/notion-avatar-svelte","free":true,"listed":false,"github":"https://github.com/stickerdaniel/notion-avatar-svelte","clone":"git clone https://github.com/stickerdaniel/notion-avatar-svelte.git","description":"Notion-styled avatar editor for your Svelte project!","language":"Svelte","stars":46,"topics":["avatar","avatar-generator","notion","svelte","sveltekit","avatar-editor","component","editor","shadcn","shadcn-svelte"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Notion Avatar Svelte A customizable Notion-style avatar editor built with Svelte 5 https://avatar.daniel.sticker.name/ Undo/Redo Support : History tracking with Runed StateHistory State Management : Built with Svelte 5 Runes and Runed Import/Export : Save and load avatar configurations as JSON Accessible UI : Built with shadcn-svelte components Quick Start with jsrepo The easiest way to add the Notion Avatar Editor to your Svelte 5 project: Prerequisites - Svelte 5 project - bun (recommended, this guide uses bun but you can use npm or pnpm if you prefer) Installation Usage add to your +layout.svelte : and then render the Avatar Editor: You can access the avatar context in any component: Manual Installation Prerequisites - Bun - Git Clone the Repository Or download and extract the zip file. Install Dependencies Run the development server The project includes tasks for common operations. They work for VSCode and all forked editors like Cursor. 1. Press Cmd+Shift+B (macOS) or Ctrl+Shift+B (Windows/Linux) to run the default build task 2. Select \"bun dev (run dev server)\" from the task list Or, open the Command Palette ( Cmd+Shift+P or Ctrl+Shift+P ) and type \"Run Task\", then select \"bun dev (run dev server)\". Command Line Customization Theming The project uses Tailwind CSS with customizable themes via shadcn-svelte: 1. Visit shadcn-svelte themes to explore and customize the color palette 2. Edit the src/app.css file to apply your custom theme variables Adding New Avatar Parts To ","default_branch":null,"files":null,"tree":[],"storefront":"/r/stickerdaniel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/stickerdaniel/notion-avatar-svelte/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}