README-EN.md 1002 字节
Newer Older
L
LeoKu 已提交
1 2 3 4 5 6 7 8 9
<div align="center">
  <h1>Vue Color Avatar</h1>

  <p>🧑‍🦱 A pure front-end avatar generation website 🧑‍🦳</p>

[简体中文](./README.md)

</div>

L
LeoKu 已提交
10 11 12
![preview](./images/social-preview-1.png)

![preview](./images/social-preview-2.png)
L
LeoKu 已提交
13

L
LeoKu 已提交
14 15
![preview](./images/social-preview-3.jpeg)

L
LeoKu 已提交
16 17 18 19 20 21
## Preview

[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)

## Introduction

L
LeoKu 已提交
22 23 24 25 26 27 28 29
**By swapping components around, you can build your own avatar.**

Features you might be interested in:

- Visual component configuration bar
- Randomly generate an avatar
- Redo/Undo
- i18n
L
LeoKu 已提交
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48

## Assets

Implementation of [Avatar Illustration System](https://www.figma.com/community/file/829741575478342595) by Micah Lanier. Licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/).

## Develop

This project is implemented using `Vue3`.

```sh
# 1. Clone project
git clone https://github.com/Codennnn/vue-color-avatar.git

# 2. Install dependencies
yarn install

# 3. Run
yarn dev
```