![website-cover](https://raw.githubusercontent.com/bolucat/vue-color-avatar/main/./images/social-preview-1.png)
https://vue-color-avatar.vercel.app
This is a vector style avatar generator, you can match different material components to generate your own personalized avatar.
Features you might be interested in:
- Visual component configuration bar
- Randomly generate an avatar
- Redo/Undo
- i18n
- Generate multiple avatars in batch
Note
The avatar assets implementation of Avatar Illustration System by Micah Lanier. And the licensed under CC BY 4.0.
This project is built with Vue3
+ Vite
.
# 1. Clone project
git clone https://github.com/Codennnn/vue-color-avatar.git
# 2. Install dependencies
yarn install
# 3. Run
yarn dev
You can directly run using the image I have already built.
docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always docker.io/wenyang0/vue-color-avatar:latest
Or, you can manually compile it yourself if you prefer.
#clone the code
git clone https://github.com/Codennnn/vue-color-avatar.git
#docker build
cd vue-color-avatar/
docker build -t vue-color-avatar:v1 .
#start server
docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always vue-color-avatar:v1
Finally, open your browser and access the service's address at http://serverIP:5173