### Organizations
Support this project with your organization. Your logo will show up here with a
link to your website.
[[Contribute](https://opencollective.com/chakra-ui/contribute)]
## Testimonials
> People throw React component libraries and design systems at me regularly.
> This might be the best one I've seen. The APIs are simple but composable and
> the accessibility on the couple components I looked is complete.
>
> Great work @thesegunadebayo, really inspiring work. β
> [Ryan Florence](https://twitter.com/ryanflorence/status/1169260008069947392)
> Awesome new open-source component library from @thesegunadebayo. Really
> impressive stuff! β
> [Colm Tuite](https://twitter.com/colmtuite/status/1169622886052782081)
> This is incredible work. Amazing job Segun! β
> [Lee Robinson](https://twitter.com/leeerob/status/1169330130361159682)
> Chakra UI is glorious! I love the consistent use of focus styling and the
> subtle animation β
> [Guillermo β²](https://twitter.com/rauchg/status/1169632334389248000)
## Installing Chakra UI
To use Chakra UI components, all you need to do is install the
`@chakra-ui/react` package and its peer dependencies:
```sh
$ yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
# or
$ npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
```
## Usage
To start using the components, please follow these steps:
1. Wrap your application with the `ChakraProvider` provided by
**@chakra-ui/react**.
```jsx
import { ChakraProvider } from "@chakra-ui/react"
// Do this at the root of your application
function App({ children }) {
return 
## License
MIT Β© [Segun Adebayo](https://github.com/segunadebayo)
