codennnn/vue-color-avatar

Vue Color Avatar is a browser-based avatar generator that lets you mix and match illustrated components to build a personalized cartoon-style profile picture. It runs entirely in the browser without needing an account or any server interaction for the actual generation. The interface gives you a visual configuration panel where you can swap out different parts of the avatar, such as hair, face features, clothing, and accessories, and see the result update in real time. There is also a randomize button that assembles a combination automatically if you want a quick result. An undo and redo history lets you step back through changes you have made. For people who need more than one avatar, there is a batch generation mode that produces multiple variations at once. The interface supports multiple languages. The avatar graphics are vector-based, adapted from the Avatar Illustration System created by Micah Lanier, and licensed under Creative Commons BY 4.0, which means the artwork can be used and shared freely with attribution. The project is built with Vue 3 and Vite, which are modern JavaScript tools for building web applications. Setting it up for local development takes three commands: clone the repository, install dependencies with yarn, and run the development server. For teams who want to self-host the tool, a Docker setup is included that packages everything into a container you can run on a server and reach through a web browser.