{"repo":"linx4200/vue-color","free":true,"listed":false,"github":"https://github.com/linx4200/vue-color","clone":"git clone https://github.com/linx4200/vue-color.git","description":"A modern collection of Vue color pickers – fast, accessible, and easy to use.","language":"TypeScript","stars":2611,"topics":["color-picker","vue-components","vue-ui","vue-ui-components","vue3","vue3-typescript","vue"],"license":"MIT","category":"ui-components","readme_excerpt":"🎨 Vue Color A collection of efficient and customizable color pickers, designed for modern web development. 🧪 Live Demo Explore the components in action: 👉 Open Live Demo ✨ Features - Dual Vue Compatibility – Supports both Vue 2.7 and Vue 3 out of the box - Modular & Tree-Shakable – Import only what you use - TypeScript Ready – Full typings for better DX - SSR-Friendly – Compatible with Nuxt and other SSR frameworks - Optimized for Accessibility – Built with keyboard navigation and screen readers in mind - Dark Mode Support – Built-in dark theme 📦 Installation 🚀 Quick Start 1. Import styles 2. Use a color picker component If you plan to use vue-color with Vue 2.7, please refer to Use with Vue 2.7. 📘 For a full list of available components, see the Documentation. 📚 Documentation All Available Pickers All color pickers listed below can be imported as named exports from vue-color . Component Name Docs ------- ------- ChromePicker View CompactPicker View GrayscalePicker View MaterialPicker - PhotoshopPicker View SketchPicker View SliderPicker View SwatchesPicker View TwitterPicker View HueSlider View AlphaSlider - HSLSliders View HSVSliders View RGBSliders View Props & Events All color picker components (expect for ) in vue-color share a set of common props and events for handling color updates and synchronization. Below we'll take as an example to illustrate how to work with v-model . v-model The v-model of vue-color accepts a variety of color formats as input. It will pre","default_branch":null,"files":null,"tree":[],"storefront":"/r/linx4200","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/linx4200/vue-color/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}