react-color

:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

Github stars Tracking Chart

React Color

Npm Version
Build Status
License
Downloads

  • 13 Different Pickers - Sketch, Photoshop, Chrome and many more

  • Make Your Own - Use the building block components to make your own

Demo

Demo

Live Demo

Installation & Usage

npm install react-color --save

Include the Component

import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS

Main metrics

Overview
Name With Ownercasesandberg/react-color
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 1)
Platform
License:MIT License
所有者活动
Created At2015-08-09 18:45:30
Pushed At2024-01-12 23:19:54
Last Commit At2020-11-17 14:35:57
Release Count37
Last Release Namev2.19.0 (Posted on )
First Release Name1.3.0 (Posted on )
用户参与
Stargazers Count12.2k
Watchers Count78
Fork Count0.9k
Commits Count679
Has Issues Enabled
Issues Count559
Issue Open Count194
Pull Requests Count208
Pull Requests Open Count39
Pull Requests Close Count110
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private