Bluemojo ·

Bluemojo is a set of JavaScript libraries for using color pickers or building your own.

Features

• Predefined pickers
• Ability to create any custom picker
• Separate package for color utils
• TypeScript support
• No dependencies

Installation

npm install @bluemojo/sketch
npm install @bluemojo/chrome
npm install @bluemojo/colorful

npm install @bluemojo/elements
npm install @bluemojo/utils

Examples

import { Sketch } from '@bluemojo/sketch';

function Component() {
  const [color, setColor] = useState('#FF0000');
  
  return <Sketch value={color} onChange={setColor} />;
}

Issues

To use webpack 5 and React 17, you must include the alias in the webpack configuration.

resolve: {
  alias: {
    'react/jsx-runtime': require.resolve('react/jsx-runtime'),
  },
},

License

Bluemojo is MIT licensed.