{"id":22001877,"url":"https://github.com/poetries/react-component","last_synced_at":"2026-04-02T01:19:08.540Z","repository":{"id":113503365,"uuid":"114453042","full_name":"poetries/react-component","owner":"poetries","description":"工作中常用的一些react组件","archived":false,"fork":false,"pushed_at":"2018-10-24T06:02:04.000Z","size":9,"stargazers_count":23,"open_issues_count":0,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-22T04:02:24.530Z","etag":null,"topics":["react"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/poetries.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2017-12-16T10:45:22.000Z","updated_at":"2023-02-25T01:58:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"d865a32a-2603-49f4-9334-4e24919ebd0c","html_url":"https://github.com/poetries/react-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/poetries/react-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poetries%2Freact-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poetries%2Freact-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poetries%2Freact-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poetries%2Freact-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/poetries","download_url":"https://codeload.github.com/poetries/react-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/poetries%2Freact-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31293767,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:05:07.454Z","status":"ssl_error","status_checked_at":"2026-04-02T00:56:46.496Z","response_time":53,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["react"],"created_at":"2024-11-29T23:15:23.445Z","updated_at":"2026-04-02T01:19:08.529Z","avatar_url":"https://github.com/poetries.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-component\n\u003e 工作中使用到的一些组件库收集\n\n\n表单表格\n---\n\n- [React表单](https://github.com/react-component/form)\n- [React表格](https://github.com/react-component/table)\n- [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table)\n- [React Input Number ](https://github.com/react-component/input-number)\n- [react-selectable-extended](https://github.com/leopoldjoy/react-selectable-extended)\n\n日期\n---\n\u003e Date picker / time picker / datetime picker / date range picker\n\n- [React Calendar](https://github.com/react-component/calendar)\n- [time-picker](https://github.com/react-component/time-picker)\n- [react-datepicker](https://github.com/Hacker0x01/react-datepicker)\n- [rc-calendar](https://github.com/react-component/calendar)\n- [react-date-range](https://github.com/Adphorus/react-date-range)\n- [Flexible date picker](https://github.com/gpbl/react-day-picker)\n- [React Daterange Picker](https://onefinestay.github.io/react-daterange-picker/)\n- [React.js Yearly Calendar Component](https://github.com/BelkaLab/react-yearly-calendar)\n- [react-calendar](http://freiksenet.github.io/react-calendar/)\n- [input-moment](https://wangzuo.github.io/input-moment/)\n- [react-bootstrap-datetimepicker](http://dev.quri.com/react-bootstrap-datetimepicker/)\n- [昨天-最近七天-最近三十天选择](https://projects.skratchdot.com/react-bootstrap-daterangepicker/)\n- [react-big-calendar](http://intljusticemission.github.io/react-big-calendar/examples/index.html)\n- [react-date-select](https://jedwatson.github.io/react-date-select/)\n- [react-infinite-calendar](https://clauderic.github.io/react-infinite-calendar/#/basic-settings/basic-configuration?_k=dftcq8)\n- [react-dates](https://github.com/airbnb/react-dates)\n\n列表选择\n---\n\n- [树形列表选择-tree-select](https://github.com/react-component/tree-select)\n- [树形列表选择-带图标](https://github.com/react-component/tree)\n- [react-select](http://jedwatson.github.io/react-select/)\n- [rc-select下拉选择](https://github.com/react-component/select)\n- [dropdown](https://github.com/react-component/dropdown)\n- [级联下拉选择](https://github.com/react-component/cascader)\n- [react-select-box](http://instructure-react.github.io/react-select-box/)\n- [react-aria-menubutton](https://davidtheclark.github.io/react-aria-menubutton/demo/)\n\n类型选择tags\n---\n\n- [输入某些tag来选择高亮](https://github.com/olahol/react-tagsinput#demo)\n- [react-autocomplete-input](https://github.com/yury-dymov/react-autocomplete-input)\n- [react-tokeninput](https://github.com/instructure-react/react-tokeninput)\n- [可以在输入框@用户名查询-editor-mention](https://github.com/react-component/editor-mention)\n- [react-tags)](https://github.com/prakhar1989/react-tags)\n\n\n消息提示\n---\n\n- [react-alert](https://github.com/schiehll/react-alert)\n- [React Notification System](http://igorprado.com/react-notification-system/)\n- [react-s-alert](http://react-s-alert.jsdemo.be/)\n- [react pop](http://louisbarranqueiro.github.io/reapop/)\n- [React Steps-进行到某一步提示条](https://github.com/react-component/steps)\n\ntooltip\n---\n\n- [react-tooltip](http://wwayne.com/react-tooltip/)\n- [react-tooltip](https://github.com/react-component/tooltip)\n- [react-portal-tooltip](https://romainberger.github.io/react-portal-tooltip/#/)\n\nPhoto / Image 图片处理\n---\n\n- [拖拽上传](https://github.com/react-dropzone/react-dropzone)\n- [拖拽图片到指定区域上传](https://github.com/react-component/dropzone)\n- [图片上传控件](https://github.com/react-component/cropping)\n- [react-image-gallery](https://github.com/xiaolin/react-image-gallery)\n- [点击图片加载放大](http://bryce.io/react-intense/)\n- [react-image-lightbox](https://fritz-c.github.io/react-image-lightbox/)\n- [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom)\n- [React Photo Gallery](https://github.com/neptunian/react-photo-gallery)\n- [react-images](https://jossmac.github.io/react-images/#examples)\n- [react-avatar](https://github.com/Sitebase/react-avatar)\n- [react-avatar-editor](https://github.com/mosch/react-avatar-editor)\n- [react-image-crop](https://github.com/DominicTobias/react-image-crop)\n- [react-image-cropper](https://github.com/jerryshew/react-image-cropper)\n\n分页\n---\n\n- [react-paginate](https://github.com/AdeleD/react-paginate)\n- [分页-pagination](https://github.com/react-component/pagination)\n\n轮播\n---\n\n- [轮播滑动切换](https://github.com/akiran/react-slick)\n- [轮播切换](https://github.com/FormidableLabs/nuka-carousel)\n- [Animate Banner-轮播](https://github.com/react-component/banner-anim)\n- [Animate Scroll React Component](https://github.com/react-component/scroll-anim)\n\n\nICON Loading\n---\n\n- [icon-anim](https://github.com/react-component/icon-anim)\n- [react-emoji-react](https://github.com/conorhastings/react-emoji-react)\n\n布局\n---\n\n- [侧边栏-可自动调整位置显示](https://github.com/react-component/drawer)\n- [Tabs](https://github.com/react-component/tabs)\n- [流式布局](https://xudafeng.github.io/autoresponsive-react/)\n- [可横向垂直无限长的列表](https://coderiety.github.io/react-list/)\n\n遮罩\n---\n\n- [react对话框dialog](https://github.com/react-component/dialog)\n- [可调整大小可停靠的组件](https://alexkuz.github.io/react-dock/demo/)\n- [react-overlays](https://github.com/react-bootstrap/react-overlays)\n- [带有动画效果的对话框遮罩层1](http://madscript.com/boron/)\n- [带有动画效果的对话框遮罩层2](https://marcio.github.io/react-skylight/)\n- [带有动画效果的对话框遮罩层3](https://chenjiahan.github.io/rodal/)\n\n\n菜单\n---\n\n- [可停靠折叠的菜单](https://negomi.github.io/react-burger-menu/)\n- [鼠标hover可选择多级的菜单](https://github.com/react-component/menu)\n- [侧边栏停靠菜单选择](http://balloob.github.io/react-sidebar/example/)\n- [点击旋转运动菜单组件](https://bokuweb.github.io/react-motion-menu/)\n- [react-tree-menu](http://mandarinconlabarba.github.io/react-tree-menu/example/index.html)\n- [react-metismenu](https://alpertuna.github.io/react-metismenu/)\n- [rc-menu](http://react-component.github.io/menu/)\n- [react-treebeard](http://alexcurtis.github.io/react-treebeard/)\n\nSticky\n---\n\u003e Fixed headers / scroll-up headers / sticky elements\n\n- [上下滚动内容头部隐藏](https://kyleamathews.github.io/react-headroom/)\n- [react listview with sticky section header](https://github.com/cht8687/react-listview-sticky-header)\n\n自定义滚动条\n---\n\n- [react-smooth-scrollbar](https://idiotwu.github.io/react-smooth-scrollbar/)\n- [react-custom-scrollbars](https://malte-wessel.github.io/react-custom-scrollbars/)\n- [react-custom-scroll](http://rommguy.github.io/react-custom-scroll/example/demo.html)\n\nTabs\n---\n\n- [react-tabs](https://reactcommunity.org/react-tabs/)\n- [react-tabtab](https://ctxhou.github.io/react-tabtab/)\n\nLoader\n---\n\n- [一些loading动画效果react-spinkit](https://github.com/KyleAMathews/react-spinkit)\n- [loading spinners](http://madscript.com/halogen/)\n- [react-progress-button](https://github.com/mathieudutour/react-progress-button)\n- [进度条](https://github.com/react-component/progress)\n- [react-lazyload](https://github.com/jasonslyvia/react-lazyload)\n\n\n图表\n---\n\n- [awesome-react-components#chart](https://github.com/brillout/awesome-react-components#chart)\n\nAudio / Video\n---\n\n- [awesome-react-components#audio--video](https://github.com/brillout/awesome-react-components#audio--video)\n\n地图\n---\n\n- [awesome-react-components#map](https://github.com/brillout/awesome-react-components#map)\n\n动画过渡\n---\n\n- [mobile.ant.design--包含动效模板](mobile.ant.design)\n- [react队列动画](https://github.com/react-component/queue-anim)\n- [Animate One React Element](https://github.com/react-component/tween-one)\n- [anim react element easily ](https://github.com/react-component/animate)\n- [自定义的React Trigger，对某些事件触发](https://github.com/react-component/trigger)\n- [折叠展开/手风琴](https://github.com/react-component/collapse)\n- [React Transition Group-类似于jQuery的fade效果](https://reactcommunity.org/react-transition-group/)\n- [react-motion](https://github.com/chenglou/react-motion)\n- [react-transitive-number](https://github.com/Lapple/react-transitive-number)\n- [react-spark-scroll](http://gilbox.github.io/react-spark-scroll/examples/demo/demo.html)\n- [react-router-transition](https://github.com/maisano/react-router-transition)\n- [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines)\n- [react-flip-move](https://github.com/joshwcomeau/react-flip-move)\n- [data-driven-motion](https://tkh44.github.io/data-driven-motion/#/demos)\n- [react-web-animation](http://react-web-animation.surge.sh/animate-css)\n\ncolor-picker\n---\n\n- [颜色选择](https://github.com/react-component/color-picker)\n- [react-input-color](https://github.com/wangzuo/react-input-color)\n- [react-color](https://github.com/casesandberg/react-color)\n- [coloreact](https://elrumordelaluz.github.io/coloreact/)\n\nslider\n---\n\n- [react-slider 滑块](https://github.com/react-component/slider)\n\n\n评分\n---\n\n- [react-star-rating](https://github.com/cameronroe/react-star-rating)\n- [react星级评分](https://github.com/react-component/rate)\n\n拖拽\n---\n\n- [react-draggable](https://mzabriskie.github.io/react-draggable/example/)\n- [拖拽排序](https://github.com/bokuweb/react-sortable-pane)\n- [dropzone](https://react-dropzone.js.org/#proptypes)\n- [react-dragula](https://bevacqua.github.io/react-dragula/)\n- [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable)\n\n富文本编辑器\n---\n\n- [可嵌入的编辑器核心部分](https://github.com/react-component/editor-core)\n- [react-mardown编辑器](https://rexxars.github.io/react-markdown/)\n- [react-md-editor](https://jedwatson.github.io/react-md-editor/)\n- [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor)\n- [react-quill](https://zenoamaro.github.io/react-quill/)\n- [react-ace](http://securingsincity.github.io/react-ace/)\n- [react-codemirror](https://jedwatson.github.io/react-codemirror/)\n- [face-book-draftjs](https://draftjs.org/)\n- [react-trumbowyg](https://github.com/RD17/react-trumbowyg)\n- [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg)\n\n\n工具箱\n---\n\n- [Common Utils For React Component](https://github.com/react-component/util)\n- [变量的驼峰命名转换-对后端返回的数据进行处理很实用](https://github.com/domchristie/humps)\n- [moment-更方便格式化日期](http://momentjs.com/docs/) \n- [normalizr](https://github.com/paularmstrong/normalizr)\n\n图标\n---\n\n- [react-icons](https://react-icons.netlify.com/#/icons/io)\n\n移动端\n---\n\n- [轮播-react-swipe](https://github.com/voronianski/react-swipe)\n- [日历选择器](https://github.com/react-component/m-date-picker)\n- [m-pull-to-refresh-上啦刷新](https://github.com/react-component/m-pull-to-refresh)\n- [列表滚动选择内容-React Mobile Picker Component](https://github.com/react-component/m-picker)\n- [React Mobile Tabs Component ](https://github.com/react-component/m-tabs)\n- [消息通知组件](https://github.com/react-component/m-notification)\n- [m-dialog](https://github.com/react-component/m-dialog)\n\n\nUI Frameworks\n---\n\n- [ant.design](https://ant.design/docs/react/introduce-cn)\n- [mobile.ant.design](http://mobile.ant.design)\n- [mobile-onsen](https://onsen.io/)\n- [mobile-reactionic](http://reactionic.github.io/)\n- [semantic-ui](https://react.semantic-ui.com/introduction)\n- [material-ui](http://www.material-ui.com/#/)\n- [Onsen UI - Cross-Platform HTML5 Hybrid App Framework](https://github.com/OnsenUI/OnsenUI)\n- [elemental-ui](http://elemental-ui.com/)\n- [react-ui](https://lobos.github.io/react-ui/0.7/#/alert?_k=k0stzp)\n- [UI components for Elasticsearch](http://www.searchkit.co/)\n- [react-mdl](https://tleunen.github.io/react-mdl/components/badge/)\n- [react-toolbox](http://react-toolbox.io)\n\n其他\n---\n\n- [React UI Components for macOS Sierra and Windows 10.](https://github.com/gabrielbull/react-desktop)\n- [ Build virtual reality (VR) experiences with A-Frame and React. ](https://github.com/ngokevin/aframe-react)\n- [拥有权限管理-A frontend framework for building admin SPAs on top of REST services](https://github.com/marmelab/admin-on-rest)\n\n综合\n---\n\n- [在线查询你需要的组件](https://devarchy.com/react)\n- [常用组件](http://react-component.github.io/badgeboard/)\n- [awesome-react-components](https://github.com/brillout/awesome-react-components)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpoetries%2Freact-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpoetries%2Freact-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpoetries%2Freact-component/lists"}