Build faster with Premium Chakra UI Components ๐
Learn moreCreate accessible React apps with speed
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Supported and Backed by
Less code. More speed
Spend less time writing UI code and more time building a great experience for your customers.
An experience you'd expect from a design system
Opinionated and designed for daily use.
Accessible
Chakra UI strictly follows WAI-ARIA standards for all components.
Themeable
Customize any part of our components to match your design needs.
Composable
Designed with composition in mind. Compose new components with ease.
Light and Dark UI
Optimized for multiple color modes. Use light or dark, your choice.
Developer Experience
Guaranteed to boost your productivity when building your app or website.
Active Community
We're a team of active maintainers ready to help you whenever you need.
Chakra is growing quickly
We're dedicated to improving the experience and performance of Chakra UI.
Downloads per month
Github stars
Core contributors
Discord members
Chakra Heroes ๐ฅ
Loved by product people like you
Ryan Florence @ryanflorence ยท Sep 4, 2019
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
Colm Tuite @colmtuite ยท Sep 5, 2019
Awesome new open-source component library from @thesegunadebayo.
Really impressive stuff!
Lee Robinson @leeerob ยท Sep 4, 2019
This is incredible work. Amazing job Segun!
Echobind @echobind ยท Jun 16, 2020
Chakra UI has become part of our default stack for React apps, and we're happy to help sponsor the project.
Chakra saves our team tons of time, is well designed and documented, has solid accessibility defaults, and looks great out of the box.
Guillermo Rauch โฒ @rauchg ยท Sep 5, 2019
Chakra UI is glorious!
Dark mode support looks amazing and it is 100% built-in. I love the consistent use of focus styling and the subtle animation.
Great care for accessibility throughout. It is a guiding principle of the design system.
Last but not least, proudly made in ๐ณ๐ฌ by @thesegunadebayo!
Nick Trabue @nicktrabue ยท Jun 15, 2020
@thesegunadebayo.I tried out Chakra for the first time this weekend.
โ
Easy to use.
โ
Amazing Docs.
โ
Highly customizable.
Thank you for your hard work!
Tom Preston-Werner @mojombo ยท Jun 15, 2020
I've just become a sponsor of @thesegunadebayo's Chakra UI.
It is a really nice React component library that's properly open source (MIT).
https://chakra-ui.com You should check it out!
Aayush Iyer @aayush ยท May 23, 2020
Chakra is a fantastic component library that helps shape and accelerate the work weโre doing with Twilio Paste.
Thank you @thesegunadebayo!
Saลกa ล ijak @ssijak ยท May 3, 2020
I find Chakra-UI the best React component framework.
It provides just enough to get started, implements sensible defaults, but is also very extensible and customisable because it uses #styledsystem and @emotioncss.
Thanks @thesegunadebayo ๐
Support Chakra UI ๐
Our maintainers devote their time, effort, and heart to ensure Chakra UI keeps getting better. Support us by donating to our collective ๐
Open Collective
Sponsor the Chakra UI maintainers
Patreon
Sponsor the creator, Segun Adebayo
Organization Sponsors ๐ฆ
Individual Sponsors ๐ฅ
Premium components New
Build faster with Chakra UI Pro ๐
Beautiful and responsive React components to build your application or marketing pages quicker.
Learn more
Invite us to speak at your next event
Want a Chakra UI core team member to speak at your next event? Invite us to create a memorable and engaging experience for your attendees.
Connect with the community
Feel free to ask questions, report issues, and meet new people.