[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71400":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":18,"rankGlobal":9,"rankLanguage":9,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},71400,"arco-design","arco-design\u002Farco-design","A comprehensive React UI components library based on Arco Design","https:\u002F\u002Farco.design",null,"TypeScript",5614,723,36,285,0,6,16,69.18,"MIT License",false,"main",true,[5,24,25,26,27,28,29],"component-library","customize","design-system","react","ui","ui-library","2026-06-12 04:01:00","\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Farco.design\" target=\"_blank\">\n    \u003Cimg alt=\"Arco Design Logo\" width=\"200\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F64576149?s=200&v=4\"\u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\u003Cdiv align=\"center\">\n  \u003Ch1>Arco Design\u003C\u002Fh1>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\nA comprehensive React UI components library based on the [Arco Design](https:\u002F\u002Farco.design\u002F) system.\n\n[![license](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg)](https:\u002F\u002Fgithub.com\u002Farco-design\u002Farco-design\u002Fblob\u002Fmain\u002FLICENSE)\n[![Awesome](https:\u002F\u002Fcdn.rawgit.com\u002Fsindresorhus\u002Fawesome\u002Fd7305f38d29fed78fa85652e3a63e154dd8e8829\u002Fmedia\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Farco-design\u002Fawesome-arco)\n\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n\nEnglish | [简体中文](.\u002FREADME.zh-CN.md)\n\n\u003C\u002Fdiv>\n\nhttps:\u002F\u002Fuser-images.githubusercontent.com\u002F19399269\u002F141435899-e453cf75-d50f-4549-b8d0-37daebe46c36.mp4\n\n# Features\n\n## Comprehensive\n\nWith more than 60 crafted components that you can use out of the box.\n\n## Customizable theme\n\nExtensive design tokens can be customized to build your own theme. Two ways\nof customization are supported:\n\n* [With less-loader](https:\u002F\u002Farco.design\u002Freact\u002Fdocs\u002Ftheme)\n* [Design Lab](https:\u002F\u002Farco.design\u002Fthemes) - Recommended!\n\n## Reusable custom materials\n\n[Material market](https:\u002F\u002Farco.design\u002Fmaterial\u002F) provides a one-stop solution for materials management. Reuse customized modules to make a breakthrough in efficiency.\n\n## TypeScript friendly\n\nAll components are written in TypeScript so it's type friendly.\n\n\n# Installation\n\nAvailable as an [npm package](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@arco-design\u002Fweb-react)\n\n```bash\n\u002F\u002F with npm\nnpm install @arco-design\u002Fweb-react\n\n\u002F\u002F with yarn\nyarn add @arco-design\u002Fweb-react\n```\n\n# Examples\n\n```typescript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from '@arco-design\u002Fweb-react';\nimport '@arco-design\u002Fweb-react\u002Fdist\u002Fcss\u002Farco.css';\n\nfunction App() {\n  return (\n    \u003CButton type='secondary'>\n      Hello World\n    \u003C\u002FButton>\n  );\n}\n\nReactDOM.render(\u003CApp \u002F>, document.getElementById('app'));\n```\n\n# Useful Links\n\n* [Documentation website](https:\u002F\u002Farco.design\u002F)\n* [Components documentation](https:\u002F\u002Farco.design\u002Freact\u002Fdocs\u002Foverview)\n* [Dark mode](https:\u002F\u002Farco.design\u002Freact\u002Fdocs\u002Fdark)\n* [Theme customization](https:\u002F\u002Farco.design\u002Freact\u002Fdocs\u002Ftheme)\n* [Figma component library](https:\u002F\u002Fwww.figma.com\u002Ffile\u002FM66cTiLXHa4SVyZIlfY5Pb\u002Farco-Design-System?node-id=7945%3A44563)\n* [Awesome Arco](https:\u002F\u002Fgithub.com\u002Farco-design\u002Fawesome-arco)\n* [Bundler Plugins](https:\u002F\u002Fgithub.com\u002Farco-design\u002Farco-plugins)\n\n# Ecosystems\n\n| Project               | Description                                             |\n| --------------------- | ------------------------------------------------------- |\n| [Vue Component Library] | A comprehensive Vue UI components library based on the [Arco Design](https:\u002F\u002Farco.design\u002F) system |\n| [Design Lab] | A platform to create and manage your themes with ease. |\n| [Material Market] | A platform that provides massive high-quality customized materials to greatly boost development efficiency. |\n| [Icon Box] | One-stop platform to manage your icons. |\n| [Arco Pro] | A solution to quickly building applications from scratch. |\n\n[Vue Component Library]: https:\u002F\u002Farco.design\u002Fvue\u002Fdocs\u002Fstart\n[Design Lab]: https:\u002F\u002Farco.design\u002Fthemes\n[Material Market]: https:\u002F\u002Farco.design\u002Fmaterial\n[Icon Box]: https:\u002F\u002Farco.design\u002Ficonbox\n[Arco Pro]: https:\u002F\u002Farco.design\u002Fpro\u002F\n\n# Browser Support\n\n| [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002F08095282566ac4e0fd98f89aed934b65.png~tplv-uwbnlip3yd-png.png\" alt=\"IE \u002F Edge\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>IE \u002F Edge | [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002F40ad73571879dd8d9fd3fd524e0e45a4.png~tplv-uwbnlip3yd-png.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>Firefox | [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002F4f59d35f6d6837b042c8badd95871b1d.png~tplv-uwbnlip3yd-png.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>Chrome | [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002Feee2667f837a9c2ed531805850bf43ec.png~tplv-uwbnlip3yd-png.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>Safari | [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002F3240334d3967dd263c8f4cdd2d93c525.png~tplv-uwbnlip3yd-png.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>Opera | [\u003Cimg src=\"https:\u002F\u002Fp1-arco.byteimg.com\u002Ftos-cn-i-uwbnlip3yd\u002Ff2454685df95a1a557a61861c5bec256.png~tplv-uwbnlip3yd-png.png\" alt=\"Electron\" width=\"24px\" height=\"24px\" \u002F>](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F)\u003Cbr\u002F>Electron |\n| --------- | --------- | --------- | --------- | --------- | --------- |\n| Edge 16| 31| 49 | 31 | 36 | last 2 versions |\n\n# Contributing\n\nDevelopers interested in contributing should read the [Code of Conduct](.\u002FCODE_OF_CONDUCT.md) and the [Contributing Guide](.\u002FCONTRIBUTING.md).\n\nThank you to all the people who already contributed to ArcoDesign!\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Farco-design\u002Farco-design\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=arco-design\u002Farco-design\" \u002F>\u003C\u002Fa>\n\n# License\n\nThis project is [MIT licensed](.\u002FLICENSE).\n","Arco Design 是一个基于 Arco 设计体系的 React UI 组件库。它提供了超过 60 个精心设计的组件，支持开箱即用，并且具备高度可定制的主题功能，用户可以通过 less-loader 或者推荐的 Design Lab 来自定义主题。此外，Arco Design 还提供了一个材料市场，方便开发者管理和复用自定义模块，从而提高开发效率。所有组件均使用 TypeScript 编写，确保了良好的类型支持。该项目适用于需要快速构建高质量、一致性的 Web 界面的应用场景。",2,"2026-06-11 03:37:31","high_star"]