swiftcarrot / React Input Color
React color picker
Stars: ✭ 208
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Input Color
React Color
🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
Stars: ✭ 10,287 (+4845.67%)
Mutual labels: react-component, color-picker
React Colorful
🎨 A tiny (2,5 KB) color picker component for React and Preact apps
Stars: ✭ 951 (+357.21%)
Mutual labels: react-component, color-picker
React Credit Cards
Beautiful credit cards for your payment forms
Stars: ✭ 2,239 (+976.44%)
Mutual labels: react-component
React Voice Components
Set of React components that use the Web Speech API to bring voice experience to React applications
Stars: ✭ 195 (-6.25%)
Mutual labels: react-component
React Native Card Flip
Card flip animation for React Native
Stars: ✭ 183 (-12.02%)
Mutual labels: react-component
React Anchor Link Smooth Scroll
React component for anchor links using the smooth scroll polyfill.
Stars: ✭ 186 (-10.58%)
Mutual labels: react-component
React Awesome Slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
Stars: ✭ 2,343 (+1026.44%)
Mutual labels: react-component
React Native Pdfview
📚 PDF viewer for React Native
Stars: ✭ 198 (-4.81%)
Mutual labels: react-component
Jscolor
JavaScript color picker with opacity (alpha channel) and customizable palette. Single file of plain JS with no dependencies.
Stars: ✭ 182 (-12.5%)
Mutual labels: color-picker
React Datepicker2
react datepicker component.(include persian jalaali calendar)
Stars: ✭ 191 (-8.17%)
Mutual labels: react-component
React Mobile Picker
An iOS like select box component for React
Stars: ✭ 180 (-13.46%)
Mutual labels: react-component
React Country Region Selector
Country / region React select boxes for your forms.
Stars: ✭ 189 (-9.13%)
Mutual labels: react-component
React Native Color
Color components for React Native 🌈
Stars: ✭ 178 (-14.42%)
Mutual labels: color-picker
React Md Spinner
Material Design spinner components for React.js.
Stars: ✭ 195 (-6.25%)
Mutual labels: react-component
React Translated
A dead simple way to add complex translations (i18n) in a React (DOM/Native) project 🌎🌍🌏
Stars: ✭ 176 (-15.38%)
Mutual labels: react-component
React Rater
⭐️ Interative & customizable star rater
Stars: ✭ 180 (-13.46%)
Mutual labels: react-component
Flutter colorpicker
A HSV(HSB)/HSL color picker inspired by chrome devtools and a material color picker for your flutter app.
Stars: ✭ 185 (-11.06%)
Mutual labels: color-picker
React Times
A time picker react component, no jquery-rely
Stars: ✭ 206 (-0.96%)
Mutual labels: react-component
react-input-color
React input color component with hsv color picker
The color picker is inspired by the sketch color picker
Starting from v2, this component is rewritten with emotion and it doesnot require any external css file.
Installation
npm install react-input-color --save
yarn add react-input-color
Storybook Demo
https://react-input-color.caitouyun.com
Usage
The initialValue
property supports 6 (#RRGGBB
) and 8 (#RRGGBBAA
) digits hex value.
import React from 'react';
import InputColor from 'react-input-color';
function App() {
const [color, setColor] = React.useState({});
return (
<div>
<InputColor
initialValue="#5e72e4"
onChange={setColor}
placement="right"
/>
<div
style={{
width: 50,
height: 50,
marginTop: 20,
backgroundColor: color.rgba,
}}
/>
</div>
);
}
- This component is built with react-input-slider and react-input-number.
License
MIT
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].