MCPcopy Create free account
hub / github.com/alabsi91/reanimated-color-picker

github.com/alabsi91/reanimated-color-picker @v5.1.2

Chat with this repo
repository ↗ · DeepWiki ↗ · release v5.1.2 ↗ · + Follow
461 symbols 1,395 edges 140 files 13 documented · 3% updated 11d agov5.1.2 · 2026-07-01★ 4734 open issues

Browse by type

Functions 410 Types & classes 51
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

icon Reanimated Color Picker

npm GitHub GitHub issues Platform Arch

  • A Pure JavaScript Color Picker for React Native.

  • Highly customizable.

  • Supports IOS, Android, Expo, and Web platforms.

  • Supports right-to-left (RTL) layouts.

Example_1 Example_7

Example_2 Example_3

Example_4 Example_5

Example_8 Example_9

Example_10 Example_11

Example_6 Example_12

Examples

Prerequisites

Installation

[!NOTE] First we need to install react-native-gesture-handler(>=2.0.0) and react-native-reanimated(>=2.0.0),

  • Open a Terminal in the project root and run:
npm i reanimated-color-picker

Fabric support

  • react-native-gesture-handler supports the new architecture since version 2.3.0.
  • react-native-reanimated supports the new architecture since version 3.0.0.

Usage

📖 View the documentation site 📖

Related library, React Native Material You Colors.

License

Reanimated Color Picker library is licensed under The MIT License.

Sponsoring

This library helped you? Consider sponsoring!

If you're integrating Reanimated Color Picker in a production app, consider funding this project and contact me .

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 395
Interface 45
Method 15
Class 6

Languages

TypeScript96%
Kotlin4%

Modules by API surface

src/colorKit/index.ts95 symbols
src/types.ts24 symbols
src/ColorPicker.tsx15 symbols
src/components/Sliders/SliderCore.tsx11 symbols
src/colorKit/types.ts10 symbols
docs/plugins/sidebar-plugin/helpers.ts10 symbols
src/components/Sliders/CircularSliderCore.tsx9 symbols
src/components/Panels/PanelCore.tsx9 symbols
scripts/build.mjs9 symbols
src/utils.tsx6 symbols
src/components/Sliders/Hue/HueCircular.tsx6 symbols
src/components/Sliders/HSL/LuminanceCircular.tsx6 symbols

For agents

$ claude mcp add reanimated-color-picker \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page