{"id":27732369,"url":"https://github.com/hello-pangea/color-picker","last_synced_at":"2025-04-28T11:19:10.307Z","repository":{"id":58176325,"uuid":"529998009","full_name":"hello-pangea/color-picker","owner":"hello-pangea","description":"🎨 React color pickers from Sketch, Photoshop, Chrome, Github, Twitter \u0026 more","archived":false,"fork":false,"pushed_at":"2023-01-19T02:02:49.000Z","size":11278,"stargazers_count":68,"open_issues_count":13,"forks_count":15,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-28T11:19:03.066Z","etag":null,"topics":["color","color-picker","javascript","react","typescript"],"latest_commit_sha":null,"homepage":"https://colorpicker.hellopangea.dev","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/hello-pangea.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-28T22:48:30.000Z","updated_at":"2025-02-18T03:23:05.000Z","dependencies_parsed_at":"2023-02-10T19:35:11.820Z","dependency_job_id":null,"html_url":"https://github.com/hello-pangea/color-picker","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hello-pangea%2Fcolor-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hello-pangea%2Fcolor-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hello-pangea%2Fcolor-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hello-pangea%2Fcolor-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hello-pangea","download_url":"https://codeload.github.com/hello-pangea/color-picker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251302780,"owners_count":21567601,"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":["color","color-picker","javascript","react","typescript"],"created_at":"2025-04-28T11:19:09.083Z","updated_at":"2025-04-28T11:19:10.292Z","avatar_url":"https://github.com/hello-pangea.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pangea color picker\n\n[![Npm Version][npm-version-image]][npm-version-url]\n[![License][license-image]][license-url]\n[![Downloads][downloads-image]][downloads-url]\n\nSimple color picker for React.\n\n- **🔨 13 different pickers** - Start building with Sketch, Photoshop, Chrome and many more\n- **🎨 Make your own** - Use React Context and our building blocks to create any custom component\n- **🌲 Tree shakeable**\n- [**📖 Examples**](https://colorpicker.hellopangea.com)\n\nThis library is a fork of [react-color](https://github.com/casesandberg/react-color) and builds on the amazing work of @casesandberg\n\n## Demo\n\n![Demo](https://media.giphy.com/media/26FfggT53qE304CwE/giphy.gif)\n\n[**Live Demo**](https://colorpicker.hellopangea.com)\n\n## Installation \u0026 Usage\n\n```sh\nnpm install @hello-pangea/color-picker\n```\n\n### Include the Component\n\n```js\nimport React from \"react\";\nimport { SketchPicker } from \"@hello-pangea/color-picker\";\n\nfunction App() {\n  return \u003cSketchPicker /\u003e;\n}\n```\n\nYou can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.\n\n[license-image]: https://img.shields.io/npm/l/@hello-pangea/color-picker\n[license-url]: LICENSE\n[downloads-image]: https://img.shields.io/npm/dm/@hello-pangea/color-picker\n[downloads-url]: https://npm-stat.com/charts.html?package=@hello-pangea/color-picker\n[npm-version-image]: https://img.shields.io/npm/v/@hello-pangea/color-picker\n[npm-version-url]: https://www.npmjs.com/package/@hello-pangea/color-picker\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhello-pangea%2Fcolor-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhello-pangea%2Fcolor-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhello-pangea%2Fcolor-picker/lists"}