Run yarn storybook to start the storybook development environment. Run yarn formatall to format the source code. To use the watch mode, run the cmd yarn build:watch Formatting with Prettier Run eslint using yarn lint Building the source code If you'd like to contribute to this project, then follow the below instructions to setup the project locally on your machine. Remove tooltip styles and use react-emotion to create tooltip componentĪdd bezier easing to gradient picker component Tweak rollup config to reduce bundle size Use a monorepo format to store different pickers and color tools Or checkout the examples folder DocumentationĬheck out the detailed documentation TODO This package also depends on React so make sure you've it installed. Or if you use yarn, yarn add react-color-tools Tetradic - Two pairs of colors which are opposite on the color wheel Triadic - This color scheme has three colors that are evenly spaced on the color wheel. Split Complementary - This scheme represent any color on the color wheel plus two colors that are it's complement. Monochromatic - This color scheme contains tints, shades and tones of a color.Īnalogous - This color scheme contains the hues that are located side by side on the color wheel. Saturation - Describes the intensity or purity of color.ĭesaturation - Desaturation makes a color look more muted (hue approaches closer to gray). Tint - A tint is a hue lightened with gray. Shade - A shade is a hue darkened with black. There are no other projects in the npm registry using react-colour-wheel. Start using react-colour-wheel in your project by running npm i react-colour-wheel. Latest version: 1.0.7, last published: 4 years ago. Hue - A hue is name of particular color, or it is also one of the 12 colors on the color wheel. A circular colour-picker React component built with HTML5's canvas & context-api. FeaturesĬreate gradient by controlling the color stop positionsĪ little bit about different color terms and color harmonies that you will be using while working with react-color-tools. So I decided to build react-color-tools with these features while keeping the API surface minimal and easy to use. I was using react-color for my projects and felt the need for more features like image color extraction, generating shades and tints, creating gradients, and advance color tools for controlling the intensity and value of the color. React-color-tools is inspired from react-color. These tools can be used to manipulate a color for example controlling the intensity or purity of color, extracting swatches from an image, creating a gradienty defining color stop positions, choosing from variety of shades and tints or choosing a color scheme. React-color-tools provides a set of tools as React components for working with colors. A set of tools as React components for working with colors
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |