Skip to content

Latest commit

Β 

History

History
324 lines (290 loc) Β· 59 KB

README.md

File metadata and controls

324 lines (290 loc) Β· 59 KB

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

πŸ“–

(emoji key):

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

Testing supported by

BrowserStack

License

MIT Β© Segun Adebayo