LoicMahieu / Material Ui Color Picker
Licence: mit
<ColorInput> component for material-ui
Stars: ✭ 74
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Material Ui Color Picker
react-material-color-picker
react-material-color-picker component for selecting colors from google material color palette 📃
Stars: ✭ 19 (-74.32%)
Mutual labels: color, material-ui, picker
react-daterange-picker
A react date range picker to using @material-ui. Live Demo: https://flippingbitss.github.io/react-daterange-picker/
Stars: ✭ 85 (+14.86%)
Mutual labels: material-ui, picker
colr pickr
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Stars: ✭ 27 (-63.51%)
Mutual labels: color, picker
Bottomsheet
BottomSheet dialog library for Android
Stars: ✭ 219 (+195.95%)
Mutual labels: material-ui, picker
SheetyColors
An action sheet styled color picker for iOS.
Stars: ✭ 101 (+36.49%)
Mutual labels: color, picker
Pickr
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Stars: ✭ 3,759 (+4979.73%)
Mutual labels: color, picker
Pixel Picker
A tiny menu bar application that helps you pick colours from your screen! 🔍✨
Stars: ✭ 318 (+329.73%)
Mutual labels: color, picker
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (+266.22%)
Mutual labels: color, picker
Material Ui Pickers
Date & Time pickers, built with ❤️ for @material-ui/core
Stars: ✭ 2,291 (+2995.95%)
Mutual labels: material-ui, picker
React Colorful
🎨 A tiny (2,5 KB) color picker component for React and Preact apps
Stars: ✭ 951 (+1185.14%)
Mutual labels: color, picker
react-native-color-panel
React Native Color Panel Component for iOS and Android 🏳️🌈
Stars: ✭ 21 (-71.62%)
Mutual labels: color, picker
Django Colorfield
color field for django models with a nice color-picker in the admin. 🎨
Stars: ✭ 238 (+221.62%)
Mutual labels: color, picker
Efcolorpicker
A lightweight color picker in Swift.
Stars: ✭ 205 (+177.03%)
Mutual labels: color, picker
Color Picker
A simple color picker application written in pure JavaScript, for modern browsers.
Stars: ✭ 180 (+143.24%)
Mutual labels: color, picker
ColorPick.js
A simple and minimal jQuery color picker plugin for the modern web.
Stars: ✭ 48 (-35.14%)
Mutual labels: color, picker
Colorpicker
A mininal but complete colorpicker desktop app
Stars: ✭ 766 (+935.14%)
Mutual labels: color, picker
<ColorPicker>
for material-ui
ColorPicker based on <TextField />
and <ChromePicker />
from react-color
and its redux-form field component.
Demo
https://material-ui-color-picker.now.sh/
Installation
For material-ui (v1):
npm install --save material-ui-color-picker
Usage
import React from 'react'
import ColorPicker from 'material-ui-color-picker'
<ColorPicker
name='color'
defaultValue='#000'
// value={this.state.color} - for controlled component
onChange={color => console.log(color)}
/>
Redux-form field
import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
import { ColorPickerField } from 'material-ui-color-picker';
...
<Field
name="color"
component={ColorPickerField}
/>
...
There is not so much properties at this time. The was very quickly designed for my needs. Feel free to submit a PR with new features ;)
License
This library is licensed under the MIT Licence, and sponsored by iGLOO.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].