<br />
<p align="center">
  <a href="https://github.com/RodriguezTheo/color-ui-vue/">
    <img src="https://color-ui-vue.vercel.app/logo.svg" alt="Logo" width="150" />
  </a>

<h1 align="center">
Color UI Vue
</h1>
<p align="center">
A Color UI component<br>
Color UI is an unstyled, customisable component with built in accessibility with Radix-vue.
<p>

<p align="center">
<a href="https://www.npmjs.com/package/color-ui-vue" target="__blank"><img src="https://img.shields.io/npm/v/color-ui-vue?style=flat&colorA=002438&colorB=41c399" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/package/color-ui-vue" target="__blank"><img src="https://img.shields.io/npm/dm/color-ui-vue?style=flat&colorA=002438&colorB=41c399" alt="NPM Downloads" /></a>
</p>

<p align="center">
 <a href="https://color-ui-vue.vercel.app">Documentation</a> | <a href="https://color-ui-vue.vercel.app/docs/overview/introduction.html">Getting Started</a> | <a href="https://color-ui-vue.vercel.app/docs/components/picker-ui.html">Examples</a>
</p>

![hero image](https://color-ui-vue.vercel.app/hero.png)
<em>design by: [Rodriguez Théo](https://github.com/RodriguezTheo)</em>

## Installation

```bash
pnpm add color-ui-vue
```

```bash
npm install color-ui-vue
```

```bash
yarn add color-ui-vue
```

## Documentation

For full documentation, visit [color-ui-vue](https://color-ui-vue.vercel.app).

## Releases

For changelog, visit [releases](https://github.com/RodriguezTheo/color-ui-vue/releases).

## Contributing

I would love to have your contributions! All PRs all welcomed! I need help for components, docs, tests, stories.

## Author

- [Rodriguez Théo](https://github.com/RodriguezTheo)

## Credits

All credits go to these open-source works and resources

- [Radix Vue](https://www.radix-vue.com/) for doing all the hard work to make sure components are accessible for vue
- [Ark UI](https://ark-ui.com) for the inspiration component
