Most design editing suites take color into consideration. This usually involves a pre-built setup of color pickers that focus on a crisp user experience — they also often cost money.
But React Color is a completely free GitHub repository featuring over 7 different color pickers. You can get it setup right out of the box with default features that match your color picker UI preferences.
Everything is easy to setup on your website and the callback features automatically return the color to JavaScript. You can build exceptionally dynamic websites without customizing much of anything from this library.
You can choose from a block-level picker to a slider, a swatches palette and even a simple thumbnail collection reminiscent of Microsoft Paint.
Here are the 7 default color picker interfaces to choose from:
- Common
- Material design
- Photoshop
- Sketch
- Compact
- Slider
- Swatches
With React CSS and some extra JS libraries you’ll be able to customize various color components to build your own interface. This does require a little knowledge of development, but the default options are just as valuable to any designer.
If you need a free JS color picker for your website then hop onto React Color’s GitHub page and download a copy for your next project.