[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1212":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":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":15,"starSnapshotCount":15,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},1212,"chakra-ui","chakra-ui\u002Fchakra-ui","Chakra UI is a component system for building SaaS products with speed ⚡️","https:\u002F\u002Fchakra-ui.com",null,"TypeScript",40433,3614,196,4,0,3,9,51,10,85.6,"MIT License",false,"main",[25,26,27,5,28,29,30,31,32,33,34,35,36,37,38,39],"a11y","accessible","ark-ui","component","css-in-js","dark-mode","design-system","react","react-components","reactjs","styled","ui-components","ui-library","uikit","wai-aria","2026-06-12 04:00:08","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fchakra-ui\u002Fchakra-ui\">\n    \u003Cpicture>\n      \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\u002Fmedia\u002Flogo-colored-white@2x.png?raw=true\">\n      \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\u002Fmedia\u002Flogo-colored@2x.png?raw=true\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\u002Fmedia\u002Flogo-colored@2x.png?raw=true\" alt=\"Chakra logo\" width=\"300\" \u002F>\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">Build Accessible React Apps with Speed ⚡️\u003C\u002Fh1>\n\u003Cbr \u002F>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"cursor:\u002F\u002Fanysphere.cursor-deeplink\u002Fmcp\u002Finstall?name=chakra-ui&config=eyJjb21tYW5kIjoibnB4IC15IEBjaGFrcmEtdWkvcmVhY3QtbWNwIn0%3D\" target=\"_blank\" rel=\"noreferrer\">\n    \u003Cimg alt=\"Add MCP server to Cursor\" height=\"20\" src=\"https:\u002F\u002Fcursor.com\u002Fdeeplink\u002Fmcp-install-light.svg\" \u002F>\n  \u003C\u002Fa>\n  \u003Cimg alt=\"Github Checks\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fchecks-status\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\"\u002F>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fchakra-ui\u002Fchakra-ui\u002Fblob\u002Fmain\u002FLICENSE\">\n    \u003Cimg alt=\"MIT License\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fchakra-ui\u002Fchakra-ui\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@chakra-ui\u002Freact\">\n    \u003Cimg alt=\"NPM Downloads\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@chakra-ui\u002Freact.svg?style=flat\"\u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fchakra-ui\u002Fchakra-ui\">\n    \u003Cimg alt=\"Github Stars\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fchakra-ui\u002Fchakra-ui?style=social\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002Fchakra-ui\">\n    \u003Cimg alt=\"Discord\" src=\"https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F660863154703695893.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr \u002F>\n\nChakra UI is a component system for building products with speed. Accessible\nReact components for building high-quality web apps and design systems. Works\nwith Next.js RSC\n\n## Documentation\n\nIt's the https:\u002F\u002Fchakra-ui.com website for the latest version of Chakra UI.\n\n- Latest: https:\u002F\u002Fchakra-ui.com\n- v2: https:\u002F\u002Fv2.chakra-ui.com\n- v1: https:\u002F\u002Fv1.chakra-ui.com\n- v0: https:\u002F\u002Fv0.chakra-ui.com\n\n## Installation\n\nTo use Chakra UI components, all you need to do is install the\n`@chakra-ui\u002Freact` package and its peer dependencies:\n\n```sh\n# with Yarn\n$ yarn add @chakra-ui\u002Freact @emotion\u002Freact\n\n# with npm\n$ npm i @chakra-ui\u002Freact @emotion\u002Freact\n\n# with pnpm\n$ pnpm add @chakra-ui\u002Freact @emotion\u002Freact\n\n# with Bun\n$ bun add @chakra-ui\u002Freact @emotion\u002Freact\n```\n\n## Usage\n\nRead the docs here: https:\u002F\u002Fwww.chakra-ui.com\u002Fdocs\u002Fget-started\u002Finstallation\n\n## Contributing\n\nRead the contribution guide here:\nhttps:\u002F\u002Fwww.chakra-ui.com\u002Fdocs\u002Fget-started\u002Fcontributing\n\n## Support Chakra UI\n\n### Organizations\n\nSupport this project with your organization. Your logo will show up here with a\nlink to your website.\n[[Contribute](https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Fcontribute)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F0\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F0\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F1\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F1\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F2\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F2\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F3\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F3\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F4\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F4\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F5\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F5\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F6\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F6\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F7\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F7\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F8\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F8\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F9\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Forganization\u002F9\u002Favatar.svg?avatarHeight=130\" \u002F>\u003C\u002Fa>\n\n### Individuals\n\nBy donating \\$5 or more you can support the ongoing development of this project.\nWe'll appreciate some support. Thank you to all our supporters! 🙏\n[[Contribute](https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Fcontribute)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fchakra-ui\u002Findividuals.svg?width=890\" \u002F>\u003C\u002Fa>\n\n## Testimonials\n\n> People throw React component libraries and design systems at me regularly.\n> This might be the best one I've seen. The APIs are simple but composable and\n> the accessibility on the couple components I looked is complete.\n>\n> Great work @thesegunadebayo, really inspiring work. –\n> [Ryan Florence](https:\u002F\u002Ftwitter.com\u002Fryanflorence)\n\n> Awesome new open-source component library from @thesegunadebayo. Really\n> impressive stuff! –\n> [Colm Tuite](https:\u002F\u002Ftwitter.com\u002Fcolmtuite\u002Fstatus\u002F1169622886052782081)\n\n> This is incredible work. Amazing job Segun! –\n> [Lee Robinson](https:\u002F\u002Ftwitter.com\u002Fleeerob\u002Fstatus\u002F1169330130361159682)\n\n> Chakra UI is glorious! I love the consistent use of focus styling and the\n> subtle animation –\n> [Guillermo ▲](https:\u002F\u002Ftwitter.com\u002Frauchg\u002Fstatus\u002F1169632334389248000)\n\n## Awards and Mentions\n\nWe've been extremely humbled to receive awards and mentions from the community\nfor all the innovation and reach Chakra UI brings to the JavaScript ecosystem.\n\n\u003Ctable>\n  \u003Ctr valign=\"middle\">\n    \u003Ctd width=\"124\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\u002Fmedia\u002Ftech-radar.png\" width=\"124\" alt=\"Technology Radar\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd>\n      \u003Ch4>Solution Worth Pursuing\u003C\u002Fh4>\n      \u003Cp>\u003Cem>\u003Ca href=\"https:\u002F\u002Fwww.thoughtworks.com\u002Fradar\u002Flanguages-and-frameworks\u002Fchakra-ui\">Technology Radar\u003C\u002Fa> (2020–2021)\u003C\u002Fem>\u003C\u002Fp>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"124\">\n      \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fchakra-ui\u002Fchakra-ui\u002Fmain\u002Fmedia\u002Fos-awards.png\" width=\"124\" alt=\"Open Source Awards 2020\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd>\n      \u003Ch4>The Most Impactful Contribution to the community\u003C\u002Fh4>\n      \u003Cp>\u003Cem>\u003Ca href=\"https:\u002F\u002Fosawards.com\u002Freact\u002F2020\">Open Source Awards\u003C\u002Fa> (2020)\u003C\u002Fem>\u003C\u002Fp>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## License\n\nMIT © [Segun Adebayo](https:\u002F\u002Fgithub.com\u002Fsegunadebayo)\n","Chakra UI 是一个用于快速构建SaaS产品的组件系统。它提供了一系列可访问的React组件，支持CSS-in-JS、暗黑模式以及响应式设计，帮助开发者高效地创建高质量的Web应用和设计系统，并且与Next.js RSC兼容。Chakra UI适用于需要快速开发同时保证用户体验一致性和可访问性的场景，如企业级应用、仪表盘或任何基于React的Web项目。",2,"2026-06-11 02:42:19","top_all"]