https://github.com/hectahertz/react-native-color

Color components for React Native 🌈
https://github.com/hectahertz/react-native-color

color color-picker react-native

Last synced: 3 months ago
JSON representation

Color components for React Native 🌈

• Host: GitHub
• URL: https://github.com/hectahertz/react-native-color
• Owner: hectahertz
• License: mit
• Created: 2017-11-20T15:49:46.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-12-11T07:28:16.000Z (over 6 years ago)
• Last Synced: 2025-03-29T07:09:45.082Z (3 months ago)
• Topics: color, color-picker, react-native
• Language: JavaScript
• Homepage:
• Size: 1.07 MB
• Stars: 201
• Watchers: 1
• Forks: 47
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 

Color components for React Native. JavaScript-only, for iOS and Android.

[![npm version](https://img.shields.io/npm/v/react-native-color.svg)](https://www.npmjs.com/package/react-native-color)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

[![npm downloads](https://img.shields.io/npm/dm/react-native-color.svg)](https://www.npmjs.com/package/react-native-color)

## Example

* Run the example app

  [via Expo](https://expo.io/@hectahertz/react-native-color-example) or

  [check the code](example/App.js).

## SlidersColorPicker

Based on a

[Dribbble concept](https://dribbble.com/shots/3959594-Color-Picker-Concept?utm_source=Twitter_Shot)

by [Satyajit Sahoo](https://twitter.com/satya164).

![SlidersColorPicker](images/sliderscolorpicker.gif)

## Gradients

With a customizable number of steps, shape and direction.

![Gradients](images/gradients.png)

## Sliders

The simplest hue/staturation/value selectors!

![Sliders](images/sliders.png)

## Setup

```sh

yarn add react-native-color

```

Or, if you use npm, `npm i --save react-native-color`.

## Roadmap

* Make the color string editable

* Support different color modes for the return string of the pickers

* Support different color modes for the sliders of the 

* Gradient that mixes two colors

* Add documentation for the props

* Support for themes/render customizations

* Export separate components for a build-your-own philosophy

* Type with [Flow](https://flow.org/)

## Contact

[Tweet me @hectahertz](https://twitter.com/hectahertz)