### 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/core`
package and its peer dependencies:
```sh
$ yarn add @chakra-ui/core @emotion/core @emotion/styled emotion-theming
# or
$ npm install @chakra-ui/core @emotion/core @emotion/styled emotion-theming
```
## Usage
To start using the components, please follow these steps:
1. Wrap your application with the `ThemeProvider` provided by
**@chakra-ui/core**. We recommend that you also add the `CSSReset` component
to remove all browser styling.
```jsx
import { ThemeProvider, CSSReset } from "@chakra-ui/core"
// Do this at the root of your application
function App({ children }) {
return (
## License
MIT Β© [Segun Adebayo](https://github.com/segunadebayo)
