# vue-color-avatar

**Repository Path**: masterlin/vue-color-avatar

## Basic Information

- **Project Name**: vue-color-avatar
- **Description**: An online avatar generator just for fun 🥳 一个纯前端实现的头像生成网站
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-04
- **Last Updated**: 2022-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">
  <h1>Vue Color Avatar</h1>

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

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

</div>

<a>
  <img src="./images/social-preview-1.png" alt="website-preview" />
</a>

## Preview

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

## Introduction

**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

## 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
```