React Color
react-color
A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Component Libraries
react
color picker
react-component
colorpicker
picker
sketch
chrome
photoshop
material design
popup
Stars
12k
Weekly
0
Open issues
229
Bundle
~60 kB
Installation
npm install react-colorCode example
import { Button } from "react-color";
export function Example() {
return (
<div className="flex gap-2">
<Button>Primary</Button>
<Button variant="outline">Secondary</Button>
</div>
);
}Pros & cons
Pros
- Actively maintained by case
- 0 weekly downloads. Battle tested
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 229 open issues on GitHub