Sponsor

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

Ready-made components New

Move even faster
with Chakra UI Pro 💎

Chakra UI Pro is a growing collection of beautiful, responsive UI components guaranteed to help you find the perfect starting point for what you want to build.

Learn more

Chakra UI Pro Image

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.

250k

Downloads per month

15.2k

Github stars

7

Core contributors

1.9K

Discord members

Chakra Heroes 🥇

    Segun AdebayoJason HughesJonathan BakebwaChristian SchröterJozef MikulášFolasade AgbajeJason MiazgaMesutGerrit AlexTim KolbergerTioluwani KolawoleMark 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
  • Triplebyte
  • Thinkmill
  • Datastory
  • Bruce
  • Bruce
  • BRIKL
  • Echobind
  • Meeshkan
  • UsabilityHub
  • SEND
  • ShootProof
  • Sizzy
  • ADA School
  • Tuteria
  • Lattice
  • Shogun

Individual Sponsors 🥇

    Segun AdebayoBrennan D BarabanRobert TajnšekCorey McGeachieJannik WempeRaathiJuraj KrivdaMartian LeeTimi TejumolaLee RobinsonPhil KeysCharly MARTINJonathan WilkeTakeshi TsukamotoChristian NwambaAdrian AleixandreBabajide OwosakinLemuel OkoliThorbenTom Preston-WernerPeter PistoriusChris CordleJulienOtto von WachterAlexander FrazerPaweł PhilipczykIan WalterOliver MickeDavid JohnsonccxveeMartin CamachoThomas ReuterAndrew MiracleHarinatha BandiQuido HoekmanThor 雷神 SchaeffAmad KhanMiyamae YuyaAjit SinghBrady DukartNathan SimpsonDimitri HardingJeremyMax GoodhartTim KolbergerRaku SakaguchiAnton AlexandrenokSimon Taisne

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!