Adding a simple color picker to your web app


This tutorial shows you how to use the iro.js color picker in a react application. This color picker is very lightweight and doesn’t have any dependencies. Here’s how it’ll look like.

Check out the demo here


To make this color picker we’ll just wrap the iro.js color picker in a react component.

NPM package

If you’d like, I’ve already made an npm package of this component. You can also checkout the repo here which includes an example on how to use the package.



Basith Kunimal

Web Developer. Biker. Armchair Historian. German language student.