Chakra logo

Build Accessible React Apps with Speed ⚡️


Bundle Size Language grade: JavaScript MIT License NPM Downloads Github Stars Discord


Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

This is the Chakra UI documentation repo

It's the https://chakra-ui.com website for the latest version of Chakra UI. For older versions head over here

Features 🚀

  • Ease of Styling: Chakra UI contains a set of layout components like Box and Stack that make it easy to style your components by passing props. Learn more
  • Flexible & composable: Chakra UI components are built on top of a React UI Primitive for endless composability.
  • Accessible. Chakra UI components follow the WAI-ARIA guidelines specifications and have the right aria-* attributes.
  • Dark Mode 😍: Most components in Chakra UI are dark mode compatible.

Support Chakra UI 💖

By donating $5 or more you can support the ongoing development of this project. We'll appreciate some support. Thank you to all our supporters! 🙏 [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [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

Awesome new open-source component library from @thesegunadebayo. Really impressive stuff! – Colm Tuite

This is incredible work. Amazing job Segun! – Lee Robinson

Chakra UI is glorious! I love the consistent use of focus styling and the subtle animation – Guillermo ▲

Contributing

Feel like contributing? That's awesome! We have a contributing guide to help guide you.

Contributors ✨

Thanks goes to these wonderful people

Segun Adebayo
Segun Adebayo

💻 🚧 📖 💡 🎨
Tioluwani Kolawole
Tioluwani Kolawole

📖 💡 🚧
Adrian Aleixandre
Adrian Aleixandre

💻 📖
Lee
Lee

📖
Kristóf Poduszló
Kristóf Poduszló

💻 🤔 🐛 📖
Mark Chandler
Mark Chandler

💻 ⚠️ 📖 🚧
Christian Nwamba
Christian Nwamba

📖
Jonathan Bakebwa
Jonathan Bakebwa

📖 🤔
Temitope Ajiboye
Temitope Ajiboye

📖
jess
jess

📖 🔍
Trevor Blades
Trevor Blades

💻 📖 🐛
Santi Albo
Santi Albo

💻 📖
Sebastian Trebunak
Sebastian Trebunak

💻 📖
Jason Miazga
Jason Miazga

💻 📖
Tony Narlock
Tony Narlock

💻 📖
Makenna Smutz
Makenna Smutz

💻 📖 🤔
Mohamed Nainar
Mohamed Nainar

📖
Mustafa Turhan
Mustafa Turhan

📖
Kim Røen
Kim Røen

📖
Jeremy Lu
Jeremy Lu

📖 💻
Ivan Dalmet
Ivan Dalmet

📖 💻 🔌
Brody McKee
Brody McKee

📖
Patrick Cason
Patrick Cason

📖
balibebas
balibebas

📖
Navin Moorthy
Navin Moorthy

💻 📖
Tim Kindberg
Tim Kindberg

📖
iodar
iodar

📖
MAO YUFENG
MAO YUFENG

📖
Peng Jie
Peng Jie

💻 📖
Anton
Anton

📖
Damnjan Lukovic
Damnjan Lukovic

📖
Ben Mitchinson
Ben Mitchinson

📖
Simo Aleksandrov
Simo Aleksandrov

📖
CodinCat
CodinCat

📖
Kerem Sevencan
Kerem Sevencan

📖
harveyhalwin
harveyhalwin

📖
Mansour benyoucef
Mansour benyoucef

📖
Andrew Garrison
Andrew Garrison

📖
Carlos Rodrigues
Carlos Rodrigues

📖
Dwight Watson
Dwight Watson

📖
ChasinHues
ChasinHues

📖
Pablo Rocha
Pablo Rocha

📖
Juliano Farias
Juliano Farias

📖
Sivert Schou Olsen
Sivert Schou Olsen

📖
Andrei Lazarescu
Andrei Lazarescu

📖
Adriano Resende
Adriano Resende

📖
Victor Bastos
Victor Bastos

📖
Vincent
Vincent

📖
Candice
Candice

🎨 🐛 📖
Dave Bauman
Dave Bauman

📖
TimKolberger
TimKolberger

🐛 📖 💻
iskanderbroere
iskanderbroere

📖
Pavel 'Strajk' Dolecek
Pavel 'Strajk' Dolecek

📖
Keshav Bohra
Keshav Bohra

📖
okezieuc
okezieuc

📖
Clayton Faria
Clayton Faria

📖
Andrew Ellis
Andrew Ellis

💻 🐛 📖
Ifeoma Imoh
Ifeoma Imoh

📖
Spencer Duball
Spencer Duball

📖
Jacob Arriola
Jacob Arriola

📖
Kenley Jean
Kenley Jean

📖
Umar Gora
Umar Gora

📖
Hong Suk Woo
Hong Suk Woo

📖
Junho Yeo
Junho Yeo

📖
Samuel Kauffmann
Samuel Kauffmann

📖
yuichiro miyamae
yuichiro miyamae

📖
songheewon
songheewon

📖
Prasanna Venkatesh T S
Prasanna Venkatesh T S

📖
anthowm
anthowm

📖
Danan Wijaya
Danan Wijaya

📖
Shubham Kaushal
Shubham Kaushal

📖
Petter Sæther Moen
Petter Sæther Moen

📖
Herman Nygaard
Herman Nygaard

📖
jnmsl
jnmsl

📖
Sam Poder
Sam Poder

📖
Dominic Lee
Dominic Lee

📖 💻
JP Ungaretti
JP Ungaretti

📖
Endika Intxaurtieta
Endika Intxaurtieta

📖
Anant Jain
Anant Jain

📖
Tom Chen
Tom Chen

📖 🚇
Ernie Miranda
Ernie Miranda

📖
bjoluc
bjoluc

📖
Sujit Pradhan
Sujit Pradhan

📖 💻
Abhishek Kashyap
Abhishek Kashyap

📖
imalbert
imalbert

📖
Hasib Hassan
Hasib Hassan

📖
Jamie Rolfs
Jamie Rolfs

🤔 📖 💻
Surabhi Gupta
Surabhi Gupta

📖
Wade McDaniel
Wade McDaniel

📖
Amilkar Munoz
Amilkar Munoz

📖
João Paulo Rodrigues
João Paulo Rodrigues

📖
Avery Freeman
Avery Freeman

📖
Daniel Schulz
Daniel Schulz

🐛 💻 📖 🤔
Lazar Nikolov
Lazar Nikolov

📖 💡 🚧
Tucker Massad
Tucker Massad

📖
hamasu
hamasu

📖
Remi W.
Remi W.

📖
Folasade Agbaje
Folasade Agbaje

📖
Johann Ehlers
Johann Ehlers

📖
YenTing Wu
YenTing Wu

📖
Soham Shah
Soham Shah

📖
wattanx
wattanx

📖
Rodrigo Maia
Rodrigo Maia

📖
Aravind Ramalingam
Aravind Ramalingam

📖
Mustafa Haddara
Mustafa Haddara

📖
Bryan Guillen
Bryan Guillen

📖 🐛
Axel Navarro
Axel Navarro

📖
Andrej
Andrej

📖
Giacomo Rebonato
Giacomo Rebonato

📖
Ashal Farhan
Ashal Farhan

💻
Bartek Czyż
Bartek Czyż

🐛
Imad Atyat-Alah
Imad Atyat-Alah

📖
Anish De
Anish De

💻
Emmanuel DEMEY
Emmanuel DEMEY

📖
Noriyuki Shinpuku
Noriyuki Shinpuku

📖
StuartReeve
StuartReeve

📖
Satya Achanta
Satya Achanta

🐛
Ben
Ben

📖
Rodrigo Fuentes
Rodrigo Fuentes

🐛
Daniel Yuschick
Daniel Yuschick

📖
Brent Bovenzi
Brent Bovenzi

📖
Jake Boone
Jake Boone

📖
Patrick Ullrich
Patrick Ullrich

📖
aboveyunhai
aboveyunhai

📖
Nathan H. Leung
Nathan H. Leung

📖
Danilo Woznica
Danilo Woznica

🐛
aaarichter
aaarichter

🐛
Max F.
Max F.

📖
Curdin Krummenacher
Curdin Krummenacher

📖
Tyler Pfledderer
Tyler Pfledderer

📖
Matthew O'Loughlin
Matthew O'Loughlin

📖
Jacob Marshall
Jacob Marshall

📖
Aroyan
Aroyan

🐛
Lucas Mesquita
Lucas Mesquita

📖
Stephane Ruhlmann
Stephane Ruhlmann

📖
AijiUejima
AijiUejima

📖
Angie Merryweather
Angie Merryweather

🐛
Reza
Reza

📖
Yuki Takemoto
Yuki Takemoto

🐛
Samuli Asmala
Samuli Asmala

💻
Lucas Ferronato
Lucas Ferronato

📖
Kolby Sisk
Kolby Sisk

🐛
Rahul SriRam
Rahul SriRam

📖
Aashutosh Rathi
Aashutosh Rathi

🐛
sitogi
sitogi

🐛
Leption
Leption

📖
Heather Warnke
Heather Warnke

📖
Hari Vishnu Parashar
Hari Vishnu Parashar

📖
Kelvin Welter
Kelvin Welter

📖
PyBash
PyBash

📖
Umar Abid
Umar Abid

📖
Isaac
Isaac

📖
Jake Giganti
Jake Giganti

📖
K Kudose
K Kudose

📖

(emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

Testing supported by

BrowserStack

License

MIT © Segun Adebayo