Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/chakra-ui/chakra-ui-docs

Documentation website for chakra ui
https://github.com/chakra-ui/chakra-ui-docs

chakra-ui hacktoberfest nextjs react typescript

Last synced: 29 days ago
JSON representation

Documentation website for chakra ui

Awesome Lists containing this project

README 

        
# ⚠️ Attention



This repository has been moved to

[Chakra UI Repository](https://github.com/chakra-ui/chakra-ui/tree/main/website)

Please refer to the new repository for the latest changes.



---





  

    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



- v1: https://v1.chakra-ui.com

- v0: https://v0.chakra-ui.com



## 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](https://chakra-ui.com/style-props)

- 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](https://opencollective.com/chakra-ui/contribute)]



### Individuals






### Organizations



Support this project with your organization. Your logo will show up here with a

link to your website.

[[Contribute](https://opencollective.com/chakra-ui/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](https://twitter.com/ryanflorence/status/1169260008069947392)



> Awesome new open-source component library from @thesegunadebayo. Really

> impressive stuff! –

> [Colm Tuite](https://twitter.com/colmtuite/status/1169622886052782081)



> This is incredible work. Amazing job Segun! –

> [Lee Robinson](https://twitter.com/leeerob/status/1169330130361159682)



> Chakra UI is glorious! I love the consistent use of focus styling and the

> subtle animation –

> [Guillermo β–²](https://twitter.com/rauchg/status/1169632334389248000)



## Contributing



Feel like contributing? That's awesome! We have a

[contributing guide](./CONTRIBUTING.md) 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](https://allcontributors.org/docs/en/emoji-key)):



This project follows the

[all-contributors](https://github.com/all-contributors/all-contributors)

specification. Contributions of any kind welcome!



## Testing supported by



BrowserStack



## License



MIT Β© [Segun Adebayo](https://github.com/segunadebayo)