<p align="center">
    <img width="200" src="./assets/color-wheel.png">
</p>

<h1 align="center">Color Picker</h1>

English | [简体中文](./README_zh-cn.md)

# Introduction

This is the tutorial project of [Avernakis UI](https://github.com/qber-soft/Ave-Nodejs). 

Tiny, but production ready.

![pick color](./docs/images/pick-color.gif)

# Install

Use npm as nam! (Node App Manager)

```bash
> npm i -g ave-color-picker
```

Run:

```bash
> color-picker
```

# Features

-   basic controls: button, label, icon, toolbar, ...
-   custom component: mini view, pixel view
-   event: mouse, keyboard
-   hot key / shortcut

-   drag to drop

![drag-to-drop](./docs/images/drag-to-drop.gif)

-   clipboard

![clipboard](./docs/images/clipboard.gif)

-   theme

![theme](./docs/images/theme.gif)

-   i18n

![i18n](./docs/images/i18n.gif)

## Dev

```bash
> npm install
> npm run dev
```

## Package

```bash
> npm run release
```

## License

[MIT](./LICENSE)
