Build 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.

Trusted in Production By

  • Usability Hub
  • Tradeling
  • Codelify
  • NullServe
  • Dokz
  • Meeshkan
  • Tuteria
  • 💖 Your company

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 maintainer ready to help you whenver you need.

Chakra is growing quickly

We're dedicated to improving the experience and performance of Chakra UI

140k

Downloads per month

9.9k

Github stars

6

Core contributors

450+

Discord members

Chakra Heroes 🥇

  • Segun Adebayo
  • Jonathan Bakebwa
  • Folasade Agbaje
  • Jason Miazga
  • Gerrit Alex
  • Tioluwani Kolawole
  • Mark Chandler

Loved by product people like you

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

Sponsor

Patreon

Sponsor the creator, Segun Adebayo

Sponsor

Organization Sponsors 🏦

  • Open Source Collective 501(c)(6)
  • Triplebyte
  • Thinkmill
  • Datastory
  • Bruce
  • Bruce
  • BRIKL
  • Echobind
  • Meeshkan
  • UsabilityHub
  • SEND
  • ShootProof

Individual Sponsors 🥇

  • Segun Adebayo
  • Brennan D Baraban
  • Robert Tajnšek
  • Corey McGeachie
  • Jannik Wempe
  • Raathi
  • Juraj Krivda
  • Martian Lee
  • Timi Tejumola
  • Lee Robinson
  • Phil Keys
  • Charly MARTIN
  • Jonathan Wilke
  • Takeshi Tsukamoto
  • Christian Nwamba
  • Adrian Aleixandre
  • Babajide Owosakin
  • Lemuel Okoli
  • Thorben
  • Tom Preston-Werner
  • Peter Pistorius
  • Chris Cordle
  • Julien
  • Otto von Wachter
  • Alexander Frazer
  • Paweł Philipczyk
  • Ian Walter
  • Oliver Micke
  • David Johnson
  • ccxvee
  • Martin Camacho
  • Thomas Reuter
  • Andrew Miracle

Get started with Chakra today.

Chakra keeps everyone aligned and working without friction. Engineers and designers using the same language.

Get Started

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.

Invite us to speak

Connect with the community

Feel free to ask questions, report issues, and meet new people.

Join the #Chakra Discord!

Proudly made in by Segun Adebayo