[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3440":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},3440,"react-color","casesandberg\u002Freact-color","casesandberg",":art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more","http:\u002F\u002Fcasesandberg.github.io\u002Freact-color\u002F",null,"JavaScript",12308,922,73,195,0,3,10,1,71.4,"MIT License",false,"master",true,[26,27,28,29,30,31,32],"chrome","color-picker","inline-styles","photoshop","react","react-component","sketch","2026-06-12 04:00:17","# [React Color](http:\u002F\u002Fcasesandberg.github.io\u002Freact-color\u002F)\n\n[![Npm Version][npm-version-image]][npm-version-url]\n[![Build Status][travis-svg]][travis-url]\n[![License][license-image]][license-url]\n[![Downloads][downloads-image]][downloads-url]\n\n* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more\n\n* **Make Your Own** - Use the building block components to make your own\n\n## Demo\n\n![Demo](https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002F26FfggT53qE304CwE\u002Fgiphy.gif)\n\n[**Live Demo**](http:\u002F\u002Fcasesandberg.github.io\u002Freact-color\u002F)\n\n## Installation & Usage\n\n```sh\nnpm install react-color --save\n```\n\n### Include the Component\n\n```js\nimport React from 'react'\nimport { SketchPicker } from 'react-color'\n\nclass Component extends React.Component {\n\n  render() {\n    return \u003CSketchPicker \u002F>\n  }\n}\n```\nYou can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.\n\n> 100% inline styles via [ReactCSS](http:\u002F\u002Freactcss.com\u002F)\n\n[travis-svg]: https:\u002F\u002Ftravis-ci.org\u002Fcasesandberg\u002Freact-color.svg\n[travis-url]: https:\u002F\u002Ftravis-ci.org\u002Fcasesandberg\u002Freact-color\n[license-image]: http:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Freact-color.svg\n[license-url]: LICENSE\n[downloads-image]: http:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Freact-color.svg\n[downloads-url]: http:\u002F\u002Fnpm-stat.com\u002Fcharts.html?package=react-color\n[npm-version-image]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Freact-color.svg\n[npm-version-url]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Freact-color\n","react-color 是一个基于 React 的颜色选择器库，集成了包括 Sketch、Photoshop、Chrome 等多种风格的 13 种颜色选择器。该项目利用了 ReactCSS 实现了 100% 的内联样式，并且支持用户自定义颜色选择器。适用于需要集成颜色选取功能的各种 Web 应用场景，尤其是那些追求与流行设计工具一致用户体验的应用。其丰富的选择器类型和灵活的定制能力使得开发者能够轻松地根据项目需求添加颜色选择功能。",2,"2026-06-11 02:54:27","top_language"]