casesandberg / react-color
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing casesandberg/react-color in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Summary (README)
PreviewReact Color
-
13 Different Pickers - Sketch, Photoshop, Chrome and many more
-
Make Your Own - Use the building block components to make your own
Demo

Installation & Usage
npm install react-color --save
Include the Component
import React from 'react'
import { SketchPicker } from 'react-color'
class Component extends React.Component {
render() {
return <SketchPicker />
}
}
You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.
100% inline styles via ReactCSS