https://github.com/linx4200/vue-color
A modern collection of Vue 3 color pickers – fast, accessible, and easy to use. 👉 https://linx4200.github.io/vue-color/
https://github.com/linx4200/vue-color
color-picker vue-components vue-ui vue-ui-components vue3 vue3-typescript
Last synced: 5 months ago
JSON representation
A modern collection of Vue 3 color pickers – fast, accessible, and easy to use. 👉 https://linx4200.github.io/vue-color/
- Host: GitHub
- URL: https://github.com/linx4200/vue-color
- Owner: linx4200
- License: mit
- Created: 2016-04-22T09:02:18.000Z (over 9 years ago)
- Default Branch: next/3.x
- Last Pushed: 2025-04-01T07:46:17.000Z (6 months ago)
- Last Synced: 2025-04-01T18:28:30.092Z (6 months ago)
- Topics: color-picker, vue-components, vue-ui, vue-ui-components, vue3, vue3-typescript
- Language: Vue
- Homepage:
- Size: 3.63 MB
- Stars: 2,541
- Watchers: 20
- Forks: 354
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎨 Vue Color v3.0
A collection of efficient and customizable color pickers built with [Vue 3](https://vuejs.org/), designed for modern web development.
## ✨ Features
- **Modular & Tree-Shakable** – Only import what you need.
- **TypeScript Ready** – Full typings for better DX.
- **Optimized for Accessibility** – Built with keyboard navigation and screen readers in mind.
## 📦 Installation
```bash
npm install vue-color@next
# or
yarn add vue-color@next
```
## 🔧 Usage
### Step 1: Import the stylesheet
```ts
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
// import stylesheet
import 'vue-color/style.css';
createApp(App).mount('#app')
```
### Step 2: Import the components
```vue
import { reactive } from 'vue'
import { ChromePicker } from 'vue-color'
const color = defineModel({
default: '#68CCCA'
});
```
## 📚 Documentation
> Coming soon...
## 🤝 Contributing
Contributions are welcome! Please open issues or pull requests as needed.
## 📄 License
[MIT](./LICENSE)