JSPM

🎨 A tiny (2,8 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

React Color Picker

A tiny framework agnostic color picker element for modern web apps

Core logic for the color-picker widget implemented as a state machine

A simple, easy to use vanilla JS color picker with alpha selection.

Flat, Simple, Hackable Color-Picker.

Color Editable Input

Color alpha

react drag event interactive

Color swatch component for React.

Color Saturation

Color Github Picker

Color Editable Input HSLA

Color hue

Color swatch component for React.

Color Sketch component for React.

Color Editable Input RGBA

Color Colorful

Color Github Picker

🎨 Lightweight Color Picker component for React.

Color ShadeSlider component for React.

Color Name to Hex

color-picker ui component for react

Color Block Picker

Color Material

Color Slider component for React.

Color wheel

Color Compact component for React.

Color Picker component for React.

A lightweight and elegant color picker.

Angular Material Extensions

Another beautiful color picker.

Vue color picker

TOAST UI Editor : Color Syntax Plugin

a color pikcer for web app

Help the user picking beautiful colors!

javascript-color-gradient is a lightweight JavaScript library, used to generate an array of color gradients by providing start and finish colors, as well as the required number of midpoints.

Color Extensions for CodeMirror6.

Angular Material Color Picker

Angular-Material inspired color picker.

React gradient color picker

React input color component with hsv color picker

React Color Picker

<p> <img width="100%" src="https://assets.solidjs.com/banner?type=solid-color&background=tiles&project=%20" alt="solid-color"> </p>

A beautiful, blooming color picker — standalone vanilla JS

Color and gradient picker for vue3.js

A lightweight web components library for building Figma plugin and widget UIs with native look and feel

typescript-color-gradient is a typescript native fork of javascript-color-gradient, a lightweight JavaScript library used to generate an array of color gradients by providing start and finish colors, as well as the required number of midpoints.

A wrapper around JQuery MiniColors by Cory LaViska

Simple Ember component wrapper for the Spectrum.js color picker.

Ultra-lightweight, beautiful color picker for React with compound components - minimal and extremely customizable

A tiny Color Picker for React

Flat, Simple, Hackable Color-Picker. cloned from @simonwep/pickr

A vanilla-js touch-friendly HSV color picker inspired by Farbtastic Color Picker.

Angular Material components that are not implemented in official package.

vue color picker

基于 Vue3 的颜色选择器

Simple Color picker for the web

The only colors package you'll ever need

Color and gradient picker for vue.js

React wrapper for Blossom Color Picker

Angular Material Color Picker

Vue color picker, built with Reka UI and Tailwind CSS.

Radial Color Picker - Vue

Vue Color Picker

A collection of algorithms and utilities for analyzing and selecting maximally distinct colors. Now includes a unified pickDistinctColors API for easy color selection.

A modern color and gradient picker component for Vue 3 with TypeScript support

Color input plugin for Sanity Studio with advanced gradient support that stores selected colors in hex, hsl, hsv and rgb formats.

Color picker components for selecting and managing colors.

Angular Material Color Picker

React Color Picker

Radial Color Picker - React

An enhanced Rich Text (Blocks) field for Strapi with inline color picker and more

A standalone web component color picker using colorjs.io and preact signals.

React Color Picker using Material UI

embeddable panel of inputs for parameter setting

Svelte component to display a customisable color picker

🎨 @test-party/contrast-color-picker is a lightweight, customizable color contrast picker designed for React applications. Built with accessibility in mind, it helps developers ensure compliance with WCAG color contrast standards by offering real-time fee

Modern React gradient and solid color picker with complete dark theme support, built with TypeScript and Tailwind CSS

Color Picker base on Vue2.x

The angular version of the color-picker component based on antd styles.

A color picker on 3 gradient image HSV palette slider

colordx color math on the GPU — OKLCH/LCH conversions and gamut tests as generated GLSL, parity-tested against @colordx/core. Ships a WebGL2 gamut-slice chart renderer; shader chunks and WebGPU batch conversion on the roadmap

SRC UI includes React and Styled components.

`color-core` is a comprehensive, type-safe color manipulation library for TypeScript and JavaScript applications. It provides a powerful toolkit for working with colors across multiple color spaces, making it an essential tool for developers working on pr

Convert your color value to different variants. Color is the aspect of things that is caused by differing qualities of light being reflected or emitted by them.

Color picker for Svelte

A Canvas-styled color picker

🎨 Modern Color Picker Component

Angular Material Color Picker

A react native module for simple hex color selection

Vue3.0 颜色选择器

> Professionally Built React Components - Made the React Way

Angular color input component and color picker (with HSL, HSV, RGB, CMYK, HEX, alpha, eye-dropper, etc)

🎨 A tiny (2,8 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

A zero-dependency React color picker with HSV, RGB, HSL, HEX, gradient support, EyeDropper API, and a headless useColorPicker hook for custom UIs.

A spinnable geodesic color sphere whose facets refine around each selection.

Composable color picker components for Svelte

Chrome-flavored color picker in Vue.js

Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

A small React UI kit for your little tools — a polished, draggable Panel with sliders, toggles, colors, and gradient controls.

A text color picker feature for the Payload CMS Lexical editor.

Interactive design system editor for any web app — pick colors, enforce WCAG AA contrast, export CSS custom properties

react-compatible, embeddable panel of inputs for parameter settings

Rich Angular Material UI components for modern apps — form controls, pickers, media players, productivity tools, and more. Beyond Material.

Vue 3 wrapper for Blossom Color Picker

Simple Color picker in common.js. (Jquery mod)

color-picker ui component for react

Color Picker is a component for selecting a color.

使用 WebComponent 编写的原生组件库

Angular Material Extensions

[](https://www.npmjs.com/package/@oysterlee/vue-color-picker) [](https://www.npmjs.com/package/@oysterlee/vue-color-picke

A modern color picker component with support for OKLCH color space.

Svelte wrapper for Blossom Color Picker

Mozilla-style React color picker with SV plane, hue/alpha sliders, RGBA inputs, and swatches.

A tiny web component for inputting translucency/opacity.

Headless, composable color picker primitives for React. Unstyled, accessible, and fully customizable.

A web-component wrapper around the platform's color input, to work with @3mo/color as a value.

color-picker

Flat, Simple, Hackable Color-Picker.

A dependency-free, code-split real-time parameter panel — sliders, toggles, a wide-gamut OKLCH colour picker, curve editors and more, from a plain schema.

A simple React color picker with solid and gradient color support.

Wide-gamut colour picker for Tweakpane v4 — the native picker UI with an sRGB/P3 gamut boundary, across 11 colour spaces (HEX, RGB, CSS, HSL, HWB, OKLCH, OKLab, LCH, Lab, P3, Rec2020). No runtime dependencies — the colour maths is built in.

Color Swatch component for Vuetify3.

A color picker with a few extra functions - for AngularJS

A modern React color picker library with support for OKLCH, OKLAB, and traditional color spaces

Color picker for react

OKLCH color space tools and picker for modern CSS

Color Picker Extension for CodeMirror6.

A powerful and beautiful gradient picker.

基于PSV全景图组件的全功能导航插件，包括标注、场景（全景图，环物图，含声音）、布局沙盘图和VR组合发布等辅助管理、设计和展示。

An enhanced, performant, and cross-device compatible React color picker with HSV color space, eyedropper support, and flexible format output

<span class="badge-npmversion">[](https://badge.fury.io/js/mat-color-picker)</span> <span class="badge-npmdownloads"><a href="https://npmjs.org/package/mat-color-picker" title="View this project

Angular wrapper for Blossom Color Picker

Lightweight hexagon color picker for react

Formik-connected MUI form field components with automatic value, validation, and error handling

my package description

一个自动提取图片主题色让图片和背景融为一体的工具

Composable color picker components for Vue

Fork of react-colorful with action buttons and toggles

A modern, customizable React color picker component library with 8-digit HEX alpha support

Pure javascript colorpicker for modern web. Supporting solid colors, opacity and gradients

基于vue3实现的通用颜色选择器

Yidian color picker web component with solid and linear gradient support.

`@explita/editor` is a versatile, modern rich-text editor built on TipTap for seamless integration into React applications. It provides extensive customization options and advanced features to cater to diverse content creation needs.

Add color picker input fields to your reactive form, using Material Design

added gradient component into the react-colorful

A tiny, animated radial color picker for React. Swatches bloom outward from a single core in a halo of color.

Natively animated HSV color picker for iOS & Android

React gradient color picker

vue, color-picker, colorPicker

Panel of inputs for parameter setting

Interactive design system editor — pick colors, enforce WCAG AA contrast, export CSS custom properties

Angular library which provides color picker functionality to your angular application.

A wheel-style color picker based on CIE L*C*h color space.

Angular Material Extensions

A UI library that offers a color picker components for React.

A RGB, CMYK & Graytone color Picker

Okhsl color select for Svelte

Enterprise plugin suite for Editora rich text editor in React and web apps, including tables, media, workflow, and compliance tooling.

Image color picker based on image source provided and return image different color palettes or average color palette

Modern zero-dependency color conversion, contrast checking, Tailwind palette generation, and perceptual color tools for frontend designers by ReadyTools.

<p align="center"> <a href="https://www.npmjs.com/package/vue3-colorful"><img src="https://img.shields.io/npm/v/vue3-colorful" alt="npm version"></a> <a href="https://github.com/edonfy/vue3-colorful/actions"><img src="https://github.com/edonfy/vue3-co

Vue color picker

A circular color picker component also named color-wheel

Angular Material Extensions

Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.

Render color space range in canvas or web-worker

Vue3 Color Picker

A comprehensive React color picker component with multiple variants, pastel color support, and alpha channel control


🎨 A small (2.8 KB) color picker component for React and Preact apps. Fast, powerful, well tested, independent, mobile-friendly and accessible.

Angular (1.x) color-picker directive, based on Mozilla Color picker tool

author-color-picker custom element (web component).

Cross-platform magnifying color picker for Electron applications

A compact gradient and color picker library optimized for React, offering a fast and lag-free color selection experience with highly customizable options.

Google Chrome style color picker — React component, lightweight, alpha support, EyeDropper API.

A versatile color picker for React Native with two flavors: Full (with react-native-svg) and Lite (zero dependencies)

Reusable vanilla color picker: zero-DOM core logic/store + DOM view binder (delegated listeners + semantic callbacks). Shared across products on the same vanilla-TS stack.

color-picker ui component for react

Angular Material Color Picker

Our tool offers a vast palette of hues at your fingertips. Easily select the perfect color for your designs with precise controls and intuitive interface.

Плавающий тулбар для дизайн-QA в браузере: линейка (размеры и расстояния, Figma-style), копирование контейнера в буфер для AI и колор-пикер. Чистый React, без Tailwind. Один файл — копируется в любой проект через npx.

React UI component library with MUI-style theming and Tailwind CSS. Includes form inputs, buttons, menus, and more with full TypeScript support.

Flat, Simple, Hackable Color-Picker.

Google Chrome style color picker — lightweight, dependency-free, multiple instances, alpha support, EyeDropper API.

color-picker ui component for react

React input color popover component with hsv color picker

color-picker ui component for react

Plug-and-play theming widget for Fiber — color-pick every ThemeConfig knob with a live FBRE preview. Consumed by FBT and FBTL.

ColorArea component built on React Aria Components.

A set of Svelte components for picking and editing colors

A simple colorpicker component for wechat mini program☕

Melon Color Picker

🎨 A tiny (2,8 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

A simple, easy to use color picker with alpha selection.

React gradient color picker

A color picker on diamond or rectangle palette

Radial Color Picker - Angular

Ueqt's angular material components.

Returns the pixel color from a graphic at a given corrdinate.

> This is a color selector because Vue ant design does not have a built-in color selector like React ant design, and no one was found in the color selector about the Vue technology stack. However, we can only refer to and extract the source code of Vue de

Gradient picker for react

Colorful color picker component for React.

React Color Picker

Color picker library produced in Angular language.

Color wheel component based on Radix UI design philosophy

ColorPicker component built on React Aria Components.

Yet another color picker component for React

Continuation of md-color-picker.

React input color component with hsv color picker

A reusable React library for color palette context menu with column-based color application

🎨 A tiny (2,8 KB) color picker component for SolidJS apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

vue3 color-picker

ColorWheel component built on React Aria Components.

A production-ready OKLCH color picker with zero dependencies

Radial Color Picker - Angular

`react-image-colors` is a React hook library for extracting the average color from an image and creating a gradient background based on the color. It also includes utilities for distinguishing between white and black colors.

A modern, customizable color picker component for Vue 3.

## **Description:** **react-color-selector** is a very useful and easy to use color picker, no external dependency is needed for this. You can chagne theme of it's color, by simply editing css variables. One of the best featur is you can use *any number

Dual CMYK/sRGB color handling for browser-based PDF editors. Convert between CMYK, RGB, HSL, and CIE Lab color spaces with press-accurate preview and palette snapping.

A professional collection of 50+ ready-to-use, configurable React UI components with Tailwind CSS, dark mode support, and smooth animations.

A lightweight and flexible color picker component for Svelte

AriannA — Reactive UI framework. Performant like SolidJS, pleasant like React, native as the DOM. Pipeline 6 (May 2026): audio/video editors, chat, graphics 2D/3D, colour pickers, gradient editors, payments, shipments.

A modern Angular gradient picker component with draggable color stops, angle picker, and support for linear/radial gradients

🎨 A tiny (2,5 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

This library is designed for IoT Light. We provide two mode, one is white mode, another is color mode.

A developer-friendly color picker with maximum customization ability also multiple variants and color format support

Color picker for react

Fork of react-colorful with action buttons and toggles

Color and gradient picker for vue.js

A React component that enables to pick color through HSV/HEX/RGBA, and call up the EyeDropper.

Vue3.0 颜色选择器, colorEvent 选择器设置可动态添加到固定位置

A modern, plugin-extensible rich text editor for React with beautiful custom dialogs, notification system, and comprehensive editing features. Built with Slate.js for maximum flexibility.

A lightweight React component to load images into a canvas and read pixel data (color and coordinates) on hover or click, with full TypeScript support.

Flat, simple, hackable color picker web components.

Color picker with gradient options

Vue color picker

Professional React UI components for color management and design systems. Features ColorPicker with gradients, InputColorPicker, InputHex with alpha channel, InputNumberSelect, and more. Built with TypeScript.

Simple color selector as Web Component

Simple Ember component wrapper for the Spectrum.js color picker.

A powerful gradient picker plugin for creating multi-color CSS gradients with full control over colors, stops, and angles. Perfect for creating beautiful backgrounds, hero sections, and visual effects. Outputs clean CSS gradient strings ready to use in yo

Angular implementation of reinvented-color-wheel by lucheon.

A color picker component with gradient support for Vue 3

Zero-dependency screen color picker for Electron. Fullscreen overlay with pixel-grid magnifier, scroll-to-zoom, and hex color output.

Gradient picker for react

Tiny, modern color picker components for React. Zero dependencies, SSR-safe, fully typed. Drop-in replacement for react-color.

Color space utilities and WebGL-accelerated gradient rendering for color picker components.

TOAST UI Editor : Color Syntax Plugin

HSV 风格颜色选择器快速成型工具预设样式