Tiny Responsive Color Picker For React & Preact

Description:

A tiny, responsive, accessible, and mobile-friendly color picker developed for React and Preact applications.

Components included:

  • HexColorPicker
  • RgbColorPicker
  • RgbaColorPicker
  • RgbStringColorPicker
  • RgbaStringColorPicker
  • HslColorPicker
  • HslaColorPicker
  • HslStringColorPicker
  • HslaStringColorPicker
  • HsvColorPicker
  • HsvaColorPicker
  • HsvStringColorPicker
  • HsvaStringColorPicker

Basic usage:

1. Install and import the powerful-color-picker component.

# NPM
$ npm i powerful-color-picker
import { HexColorPicker } from "powerful-color-picker";

2. Add a hex color picker to your app.

const YourComponent = () => {
  const [color, setColor] = useState("#aabbcc");
  return <HexColorPicker color={color} onChange={setColor} />;
};

Preview:

Tiny Responsive Color Picker For React & Preact

Add Comment