{"id":13457727,"url":"https://github.com/arco-design/arco-design","last_synced_at":"2026-07-14T12:01:59.898Z","repository":{"id":36967064,"uuid":"420868305","full_name":"arco-design/arco-design","owner":"arco-design","description":"A comprehensive React UI components library based on Arco Design","archived":false,"fork":false,"pushed_at":"2025-04-14T08:49:10.000Z","size":18155,"stargazers_count":5240,"open_issues_count":324,"forks_count":684,"subscribers_count":37,"default_branch":"main","last_synced_at":"2025-05-06T20:18:33.914Z","etag":null,"topics":["arco-design","component-library","customize","design-system","react","ui","ui-library"],"latest_commit_sha":null,"homepage":"https://arco.design","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/arco-design.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-10-25T03:41:14.000Z","updated_at":"2025-05-06T10:20:56.000Z","dependencies_parsed_at":"2023-09-22T23:50:40.274Z","dependency_job_id":"5f12a7f8-8bca-417e-8d5c-fc9ab657d727","html_url":"https://github.com/arco-design/arco-design","commit_stats":{"total_commits":1459,"total_committers":125,"mean_commits":11.672,"dds":0.684715558601782,"last_synced_commit":"407383874aaa19991b3148d1411c89469aa60d8a"},"previous_names":[],"tags_count":140,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arco-design%2Farco-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arco-design%2Farco-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arco-design%2Farco-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arco-design%2Farco-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arco-design","download_url":"https://codeload.github.com/arco-design/arco-design/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254027405,"owners_count":22002052,"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":["arco-design","component-library","customize","design-system","react","ui","ui-library"],"created_at":"2024-07-31T09:00:34.588Z","updated_at":"2026-04-17T04:06:30.172Z","avatar_url":"https://github.com/arco-design.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","UI Frameworks","前端开发框架及项目","Uncategorized","Component Library","🌐 Web Development - Frontend"],"sub_categories":["style","其他_文本生成、文本对话","Uncategorized"],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://arco.design\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Arco Design Logo\" width=\"200\" src=\"https://avatars.githubusercontent.com/u/64576149?s=200\u0026v=4\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eArco Design\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nA comprehensive React UI components library based on the [Arco Design](https://arco.design/) system.\n\n[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/arco-design/arco-design/blob/main/LICENSE)\n[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/arco-design/awesome-arco)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nEnglish | [简体中文](./README.zh-CN.md)\n\n\u003c/div\u003e\n\nhttps://user-images.githubusercontent.com/19399269/141435899-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://arco.design/react/docs/theme)\n* [Design Lab](https://arco.design/themes) - Recommended!\n\n## Reusable custom materials\n\n[Material market](https://arco.design/material/) 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://www.npmjs.com/package/@arco-design/web-react)\n\n```bash\n// with npm\nnpm install @arco-design/web-react\n\n// with yarn\nyarn add @arco-design/web-react\n```\n\n# Examples\n\n```typescript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Button } from '@arco-design/web-react';\nimport '@arco-design/web-react/dist/css/arco.css';\n\nfunction App() {\n  return (\n    \u003cButton type='secondary'\u003e\n      Hello World\n    \u003c/Button\u003e\n  );\n}\n\nReactDOM.render(\u003cApp /\u003e, document.getElementById('app'));\n```\n\n# Useful Links\n\n* [Documentation website](https://arco.design/)\n* [Components documentation](https://arco.design/react/docs/overview)\n* [Dark mode](https://arco.design/react/docs/dark)\n* [Theme customization](https://arco.design/react/docs/theme)\n* [Figma component library](https://www.figma.com/file/M66cTiLXHa4SVyZIlfY5Pb/arco-Design-System?node-id=7945%3A44563)\n* [Awesome Arco](https://github.com/arco-design/awesome-arco)\n* [Bundler Plugins](https://github.com/arco-design/arco-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://arco.design/) 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://arco.design/vue/docs/start\n[Design Lab]: https://arco.design/themes\n[Material Market]: https://arco.design/material\n[Icon Box]: https://arco.design/iconbox\n[Arco Pro]: https://arco.design/pro/\n\n# Browser Support\n\n| [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/08095282566ac4e0fd98f89aed934b65.png~tplv-uwbnlip3yd-png.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eIE / Edge | [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/40ad73571879dd8d9fd3fd524e0e45a4.png~tplv-uwbnlip3yd-png.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eFirefox | [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/4f59d35f6d6837b042c8badd95871b1d.png~tplv-uwbnlip3yd-png.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eChrome | [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/eee2667f837a9c2ed531805850bf43ec.png~tplv-uwbnlip3yd-png.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eSafari | [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3240334d3967dd263c8f4cdd2d93c525.png~tplv-uwbnlip3yd-png.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eOpera | [\u003cimg src=\"https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/f2454685df95a1a557a61861c5bec256.png~tplv-uwbnlip3yd-png.png\" alt=\"Electron\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eElectron |\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](./CODE_OF_CONDUCT.md) and the [Contributing Guide](./CONTRIBUTING.md).\n\nThank you to all the people who already contributed to ArcoDesign!\n\n\u003ca href=\"https://github.com/arco-design/arco-design/graphs/contributors\"\u003e\u003cimg src=\"https://contrib.rocks/image?repo=arco-design/arco-design\" /\u003e\u003c/a\u003e\n\n# License\n\nThis project is [MIT licensed](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farco-design%2Farco-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farco-design%2Farco-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farco-design%2Farco-design/lists"}