{
  "markdown": "<p align=\"center\">\n  <a href=\"https://github.com/chakra-ui/chakra-ui\">\n    <picture>\n      <source media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/chakra-ui/chakra-ui/main/media/logo-colored-white@2x.png?raw=true\">\n      <source media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/chakra-ui/chakra-ui/main/media/logo-colored@2x.png?raw=true\">\n      <img src=\"https://raw.githubusercontent.com/chakra-ui/chakra-ui/main/media/logo-colored@2x.png?raw=true\" alt=\"Chakra logo\" width=\"300\" />\n    </picture>\n  </a>\n</p>\n\n<h1 align=\"center\">Build Accessible React Apps with Speed ⚡️</h1>\n<br />\n\n<p align=\"center\">\n  <a href=\"cursor://anysphere.cursor-deeplink/mcp/install?name=chakra-ui&amp;config=eyJjb21tYW5kIjoibnB4IC15IEBjaGFrcmEtdWkvcmVhY3QtbWNwIn0%3D\" target=\"_blank\" rel=\"noreferrer\">\n    <img alt=\"Add MCP server to Cursor\" height=\"20\" src=\"https://cursor.com/deeplink/mcp-install-light.svg\" />\n  </a>\n  <img alt=\"Github Checks\" src=\"https://img.shields.io/github/checks-status/chakra-ui/chakra-ui/main\"/>\n  <a href=\"https://github.com/chakra-ui/chakra-ui/blob/main/LICENSE\">\n    <img alt=\"MIT License\" src=\"https://img.shields.io/github/license/chakra-ui/chakra-ui\"/>\n  </a>\n  <a href=\"https://www.npmjs.com/package/@chakra-ui/react\">\n    <img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/@chakra-ui/react.svg?style=flat\"/>\n  </a>\n  <a href=\"https://www.npmjs.com/package/@chakra-ui/react\">\n    <img alt=\"NPM Version\" src=\"https://img.shields.io/npm/v/@chakra-ui/react?style=flat-square&color=43cc11\">\n  </a>\n  <a href=\"https://github.com/chakra-ui/chakra-ui\">\n    <img alt=\"Github Stars\" src=\"https://img.shields.io/github/stars/chakra-ui/chakra-ui?style=social\" />\n  </a>\n  <a href=\"https://discord.gg/chakra-ui\">\n    <img alt=\"Discord\" src=\"https://img.shields.io/discord/660863154703695893.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2\" />\n  </a>\n</p>\n\n<br />\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://chakra-ui.com website for the latest version of Chakra UI.\n\n- Latest: https://chakra-ui.com\n- v2: https://v2.chakra-ui.com\n- v1: https://v1.chakra-ui.com\n- v0: https://v0.chakra-ui.com\n\n## Installation\n\nTo use Chakra UI components, all you need to do is install the\n`@chakra-ui/react` package and its peer dependencies:\n\n```sh\n# with Yarn\n$ yarn add @chakra-ui/react @emotion/react\n\n# with npm\n$ npm i @chakra-ui/react @emotion/react\n\n# with pnpm\n$ pnpm add @chakra-ui/react @emotion/react\n\n# with Bun\n$ bun add @chakra-ui/react @emotion/react\n```\n\n## Usage\n\nRead the docs here: https://www.chakra-ui.com/docs/get-started/installation\n\n## Contributing\n\nRead the contribution guide here:\nhttps://www.chakra-ui.com/docs/get-started/contributing\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://opencollective.com/chakra-ui/contribute)]\n\n<a href=\"https://opencollective.com/chakra-ui/organization/0/website\"><img src=\"https://opencollective.com/chakra-ui/organization/0/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/1/website\"><img src=\"https://opencollective.com/chakra-ui/organization/1/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/2/website\"><img src=\"https://opencollective.com/chakra-ui/organization/2/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/3/website\"><img src=\"https://opencollective.com/chakra-ui/organization/3/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/4/website\"><img src=\"https://opencollective.com/chakra-ui/organization/4/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/5/website\"><img src=\"https://opencollective.com/chakra-ui/organization/5/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/6/website\"><img src=\"https://opencollective.com/chakra-ui/organization/6/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/7/website\"><img src=\"https://opencollective.com/chakra-ui/organization/7/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/8/website\"><img src=\"https://opencollective.com/chakra-ui/organization/8/avatar.svg?avatarHeight=130\" /></a>\n<a href=\"https://opencollective.com/chakra-ui/organization/9/website\"><img src=\"https://opencollective.com/chakra-ui/organization/9/avatar.svg?avatarHeight=130\" /></a>\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://opencollective.com/chakra-ui/contribute)]\n\n<a href=\"https://opencollective.com/chakra-ui\"><img src=\"https://opencollective.com/chakra-ui/individuals.svg?width=890\" /></a>\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://twitter.com/ryanflorence)\n\n> Awesome new open-source component library from @thesegunadebayo. Really\n> impressive stuff! –\n> [Colm Tuite](https://twitter.com/colmtuite/status/1169622886052782081)\n\n> This is incredible work. Amazing job Segun! –\n> [Lee Robinson](https://twitter.com/leeerob/status/1169330130361159682)\n\n> Chakra UI is glorious! I love the consistent use of focus styling and the\n> subtle animation –\n> [Guillermo ▲](https://twitter.com/rauchg/status/1169632334389248000)\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<table>\n  <tr valign=\"middle\">\n    <td width=\"124\">\n      <img src=\"https://raw.githubusercontent.com/chakra-ui/chakra-ui/main/media/tech-radar.png\" width=\"124\" alt=\"Technology Radar\" />\n    </td>\n    <td>\n      <h4>Solution Worth Pursuing</h4>\n      <p><em><a href=\"https://www.thoughtworks.com/radar/languages-and-frameworks/chakra-ui\">Technology Radar</a> (2020–2021)</em></p>\n    </td>\n  </tr>\n  <tr>\n    <td width=\"124\">\n      <img src=\"https://raw.githubusercontent.com/chakra-ui/chakra-ui/main/media/os-awards.png\" width=\"124\" alt=\"Open Source Awards 2020\" />\n    </td>\n    <td>\n      <h4>The Most Impactful Contribution to the community</h4>\n      <p><em><a href=\"https://osawards.com/react/2020\">Open Source Awards</a> (2020)</em></p>\n    </td>\n  </tr>\n</table>\n\n## License\n\nMIT © [Segun Adebayo](https://github.com/segunadebayo)\n",
  "bytes": 6997,
  "sha": "144a281b39d5fa14f44633c232b86ef9b03004ebb57f1f94249e27904abe889e",
  "repo_slug": "chakra-ui/chakra-ui",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_chakra_ui_chakra_ui_chakra_ui_builder_12058041/readme"
}