{"id":19531462,"url":"https://github.com/alabsi91/reanimated-color-picker","last_synced_at":"2025-05-15T00:06:49.925Z","repository":{"id":41433863,"uuid":"508809174","full_name":"alabsi91/reanimated-color-picker","owner":"alabsi91","description":"A Pure JavaScript Color Picker for React Native","archived":false,"fork":false,"pushed_at":"2025-05-01T19:30:46.000Z","size":22495,"stargazers_count":345,"open_issues_count":5,"forks_count":20,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-15T00:06:10.836Z","etag":null,"topics":["android","color","expo","ios","picker","react-native","renimated","web"],"latest_commit_sha":null,"homepage":"https://alabsi91.github.io/reanimated-color-picker/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alabsi91.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"alabsi91"}},"created_at":"2022-06-29T18:45:29.000Z","updated_at":"2025-05-14T11:54:44.000Z","dependencies_parsed_at":"2024-01-06T13:26:03.340Z","dependency_job_id":"d6605168-70f7-4bcd-837d-899d98be1b79","html_url":"https://github.com/alabsi91/reanimated-color-picker","commit_stats":{"total_commits":553,"total_committers":9,"mean_commits":61.44444444444444,"dds":"0.25858951175406875","last_synced_commit":"58773f06b20852ba7af6fca3af2009a6af3389d3"},"previous_names":[],"tags_count":49,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alabsi91%2Freanimated-color-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alabsi91%2Freanimated-color-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alabsi91%2Freanimated-color-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alabsi91%2Freanimated-color-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alabsi91","download_url":"https://codeload.github.com/alabsi91/reanimated-color-picker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254249197,"owners_count":22039029,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","color","expo","ios","picker","react-native","renimated","web"],"created_at":"2024-11-11T01:42:57.605Z","updated_at":"2025-05-15T00:06:49.829Z","avatar_url":"https://github.com/alabsi91.png","language":"TypeScript","funding_links":["https://github.com/sponsors/alabsi91"],"categories":["TypeScript","Mobile"],"sub_categories":["React Native \u0026 Expo"],"readme":":red_circle: :green_circle: :large_blue_circle:\n\n# Reanimated Color Picker\n\n[![npm](https://img.shields.io/npm/v/reanimated-color-picker?style=for-the-badge)](https://www.npmjs.com/package/reanimated-color-picker)\n[![GitHub](https://img.shields.io/github/license/alabsi91/reanimated-color-picker?style=for-the-badge)](https://github.com/alabsi91/reanimated-color-picker/blob/main/LICENSE)\n[![GitHub issues](https://img.shields.io/github/issues/alabsi91/reanimated-color-picker?style=for-the-badge)](https://github.com/alabsi91/reanimated-color-picker/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)\n![Platform](https://img.shields.io/badge/Platform-IOS%20%7C%20Android%20%7C%20Expo%20%7C%20Web-informational?style=for-the-badge)\n![Arch](https://img.shields.io/badge/React%20Native-Paper%20%7C%20New%20Architecture-informational?style=for-the-badge)\n\n### - A Pure JavaScript Color Picker for React Native.\n\n### - Highly customizable.\n\n### - Supports IOS, Android, Expo, and Web platforms.\n\n### - Supports right-to-left (RTL) layouts.\n\n![Example_1](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_1.png)\n![Example_7](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_7.png)\n\n![Example_2](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_2.png)\n![Example_3](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_3.png)\n\n![Example_4](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_4.png)\n![Example_5](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_5.png)\n\n![Example_8](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_8.png)\n![Example_9](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_9.png)\n\n![Example_10](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_10.png)\n![Example_11](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_11.png)\n\n![Example_6](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_6.png)\n![Example_12](https://raw.githubusercontent.com/alabsi91/reanimated-color-picker/main/images/example_12.png)\n\n# :small_blue_diamond:Prerequisites\n\n- Follow the installation instructions by using the links provided below.\n\n- [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/installation) version `2.0.0` or higher.\n\n- [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/#installation) version `2.0.0` or higher.\n\n- For `Expo` managed workflow version `44` or higher is required.\n\n# :small_blue_diamond:Installation\n\n\u003e **Note**\n\u003e First we need to install [react-native-gesture-handler](https://docs.swmansion.com/react-native-gesture-handler/docs/installation)(\u003e=2.0.0) and [react-native-reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation)(\u003e=2.0.0),\n\n- Open a Terminal in the project root and run:\n\n```\nnpm i reanimated-color-picker\n```\n\n# :small_blue_diamond:Fabric support\n\n- `react-native-gesture-handler` supports the new architecture since version `2.3.0`.\n- `react-native-reanimated` supports the new architecture since version `3.0.0`.\n\n# :small_blue_diamond:Usage\n\n### [📖 View the documentation site 📖](https://alabsi91.github.io/reanimated-color-picker/)\n\n\u003e Please check out my other library, [React Native Material You Colors](https://github.com/alabsi91/react-native-material-you-colors).\n\n# :small_blue_diamond:License\n\n- Reanimated Color Picker library is licensed under [**The MIT License.**](https://github.com/alabsi91/reanimated-color-picker/blob/main/LICENSE)\n\n# :small_blue_diamond: Sponsoring\n\n\u003ca href=\"https://github.com/sponsors/alabsi91\"\u003e\n  \u003cimg align=\"right\" width=\"160\" alt=\"This library helped you? Consider sponsoring!\" src=\".github/funding-octocat.svg\"\u003e\n\u003c/a\u003e\n\nIf you're integrating Reanimated Color Picker in a production app, consider [funding this project](https://github.com/sponsors/alabsi91) and \u003ca href=\"mailto:alabsi91@gmail.com\"\u003econtact me\u003c/a\u003e .\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falabsi91%2Freanimated-color-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falabsi91%2Freanimated-color-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falabsi91%2Freanimated-color-picker/lists"}