Awesome
<h1 align="center">Chakra TemplatesοΈ</h1> <p align="center">Production-ready Chakra UI Templates for developers</p> <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
A growing collection of hand-crafted Chakra UI templates ready to drop into your React project
Visit the website: https://chakra-templates.dev
Find your template
Every template is embedded within an iframe on the page, so you can easily check what they look like and test the responsive behaviour.
Copy the code
Just click the code tab to see the actual source code of the template. Copy and paste it into your project and you are ready to go!
Enjoy your free time
Your just saved yourself a bunch of time not building the same stuff over and over again. Enjoy your free time!
Contributors β¨
If you want to contribute to this project, make sure to read the contribution guide first.
Thanks goes to these wonderful people (emoji key):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="14.28%"><a href="http://www.hauptrolle.me"><img src="https://avatars0.githubusercontent.com/u/1164541?v=4?s=100" width="100px;" alt="Achim Rolle"/><br /><sub><b>Achim Rolle</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/issues?q=author%3Ahauptrolle" title="Bug reports">π</a> <a href="https://github.com/hauptrolle/chakra-templates/commits?author=hauptrolle" title="Code">π»</a> <a href="https://github.com/hauptrolle/chakra-templates/commits?author=hauptrolle" title="Documentation">π</a> <a href="#ideas-hauptrolle" title="Ideas, Planning, & Feedback">π€</a> <a href="https://github.com/hauptrolle/chakra-templates/pulls?q=is%3Apr+reviewed-by%3Ahauptrolle" title="Reviewed Pull Requests">π</a></td> <td align="center" valign="top" width="14.28%"><a href="https://nikolovlazar.com"><img src="https://avatars2.githubusercontent.com/u/5396211?v=4?s=100" width="100px;" alt="Lazar Nikolov"/><br /><sub><b>Lazar Nikolov</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=lazarnikolov94" title="Code">π»</a> <a href="https://github.com/hauptrolle/chakra-templates/issues?q=author%3Alazarnikolov94" title="Bug reports">π</a> <a href="#design-lazarnikolov94" title="Design">π¨</a> <a href="#ideas-lazarnikolov94" title="Ideas, Planning, & Feedback">π€</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/iboshkov"><img src="https://avatars0.githubusercontent.com/u/2392895?v=4?s=100" width="100px;" alt="Ilija Boshkov"/><br /><sub><b>Ilija Boshkov</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=iboshkov" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.samba-ndiaye.com"><img src="https://avatars0.githubusercontent.com/u/24635496?v=4?s=100" width="100px;" alt="Samba Ndiaye"/><br /><sub><b>Samba Ndiaye</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=zcoderboy" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/osirvent"><img src="https://avatars2.githubusercontent.com/u/5927133?v=4?s=100" width="100px;" alt="Oscar Sirvent"/><br /><sub><b>Oscar Sirvent</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=osirvent" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="http://dominik.sumer.dev"><img src="https://avatars3.githubusercontent.com/u/4418879?v=4?s=100" width="100px;" alt="Dominik Sumer"/><br /><sub><b>Dominik Sumer</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=dsumer" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://michaelgrigoryan.com"><img src="https://avatars.githubusercontent.com/u/56165400?v=4?s=100" width="100px;" alt="Michael Grigoryan"/><br /><sub><b>Michael Grigoryan</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=MichaelGrigoryan25" title="Documentation">π</a> <a href="https://github.com/hauptrolle/chakra-templates/commits?author=MichaelGrigoryan25" title="Code">π»</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="http://omkarkulkarni.netlify.app"><img src="https://avatars.githubusercontent.com/u/45557594?v=4?s=100" width="100px;" alt="Omkar Kulkarni"/><br /><sub><b>Omkar Kulkarni</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=OmkarK45" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.shunkakinoki.com"><img src="https://avatars.githubusercontent.com/u/39187513?v=4?s=100" width="100px;" alt="Shun Kakinoki"/><br /><sub><b>Shun Kakinoki</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=shunkakinoki" title="Documentation">π</a></td> <td align="center" valign="top" width="14.28%"><a href="https://www.kevinpeters.net/about/"><img src="https://avatars.githubusercontent.com/u/12736734?v=4?s=100" width="100px;" alt="Kevin Peters"/><br /><sub><b>Kevin Peters</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=igeligel" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/mah51"><img src="https://avatars.githubusercontent.com/u/47287285?v=4?s=100" width="100px;" alt="Mikerophone"/><br /><sub><b>Mikerophone</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=mah51" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="http://olavfosse.no"><img src="https://avatars.githubusercontent.com/u/24797093?v=4?s=100" width="100px;" alt="Olav Fosse"/><br /><sub><b>Olav Fosse</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=fossegrim" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/aaronzhongg"><img src="https://avatars.githubusercontent.com/u/14045995?v=4?s=100" width="100px;" alt="Aaron Zhong"/><br /><sub><b>Aaron Zhong</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=aaronzhongg" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/sudoDeznit"><img src="https://avatars.githubusercontent.com/u/26044934?v=4?s=100" width="100px;" alt="Anoop Nair"/><br /><sub><b>Anoop Nair</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=sudoDeznit" title="Code">π»</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="http://faheempatel.com"><img src="https://avatars.githubusercontent.com/u/458311?v=4?s=100" width="100px;" alt="Faheem Patel"/><br /><sub><b>Faheem Patel</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=faheempatel" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/k-utsumi"><img src="https://avatars.githubusercontent.com/u/13148112?v=4?s=100" width="100px;" alt="k-utsumi"/><br /><sub><b>k-utsumi</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=k-utsumi" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/it-nalon"><img src="https://avatars.githubusercontent.com/u/8491676?v=4?s=100" width="100px;" alt="Marco Nalon"/><br /><sub><b>Marco Nalon</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=it-nalon" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Arithmetics"><img src="https://avatars.githubusercontent.com/u/25254098?v=4?s=100" width="100px;" alt="Brock Tillotson"/><br /><sub><b>Brock Tillotson</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=Arithmetics" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/chenchunaidu"><img src="https://avatars.githubusercontent.com/u/38114196?v=4?s=100" width="100px;" alt="chenchunaidu"/><br /><sub><b>chenchunaidu</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=chenchunaidu" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/rithulkamesh"><img src="https://avatars.githubusercontent.com/u/45348760?v=4?s=100" width="100px;" alt="Rithul Kamesh"/><br /><sub><b>Rithul Kamesh</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=rithulkamesh" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/MathurAditya724"><img src="https://avatars.githubusercontent.com/u/57684218?v=4?s=100" width="100px;" alt="Aditya Mathur"/><br /><sub><b>Aditya Mathur</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=MathurAditya724" title="Code">π»</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://github.com/ronakonline"><img src="https://avatars.githubusercontent.com/u/32793372?v=4?s=100" width="100px;" alt="Ronak"/><br /><sub><b>Ronak</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=ronakonline" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/mochi-sann"><img src="https://avatars.githubusercontent.com/u/44772513?v=4?s=100" width="100px;" alt="Moyuru"/><br /><sub><b>Moyuru</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=mochi-sann" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://fc5570.me/"><img src="https://avatars.githubusercontent.com/u/68158483?v=4?s=100" width="100px;" alt="FC5570"/><br /><sub><b>FC5570</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=FC5570" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://pranshudobhal.netlify.app/"><img src="https://avatars.githubusercontent.com/u/26481473?v=4?s=100" width="100px;" alt="Pranshu Dobhal"/><br /><sub><b>Pranshu Dobhal</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=pranshudobhal" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/populationtwo"><img src="https://avatars.githubusercontent.com/u/1444575?v=4?s=100" width="100px;" alt="Edwin Lunandy"/><br /><sub><b>Edwin Lunandy</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=populationtwo" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/edizyurdakul"><img src="https://avatars.githubusercontent.com/u/53665610?v=4?s=100" width="100px;" alt="Ediz"/><br /><sub><b>Ediz</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=edizyurdakul" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/NanddoSalas"><img src="https://avatars.githubusercontent.com/u/41311861?v=4?s=100" width="100px;" alt="Fernando Salas"/><br /><sub><b>Fernando Salas</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=NanddoSalas" title="Code">π»</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://portfolio-jade-iota-35.vercel.app"><img src="https://avatars.githubusercontent.com/u/44040730?v=4?s=100" width="100px;" alt="Berrones Edwin"/><br /><sub><b>Berrones Edwin</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=Berrones-Edwin" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://danishshakeel.me"><img src="https://avatars.githubusercontent.com/u/24435748?v=4?s=100" width="100px;" alt="Danish Shakeel"/><br /><sub><b>Danish Shakeel</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=danish17" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://tawaldevuniverse.vercel.app/"><img src="https://avatars.githubusercontent.com/u/32386564?v=4?s=100" width="100px;" alt="TawalMc"/><br /><sub><b>TawalMc</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=TawalMc" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://bhupeshpradhan.vercel.app/"><img src="https://avatars.githubusercontent.com/u/76522149?v=4?s=100" width="100px;" alt="Bhupesh Pradhan"/><br /><sub><b>Bhupesh Pradhan</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=bhupeshpr25" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://mohamedsamara.com"><img src="https://avatars.githubusercontent.com/u/45723974?v=4?s=100" width="100px;" alt="Mohamed Samara"/><br /><sub><b>Mohamed Samara</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=mohamedsamara" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Prasanna0908"><img src="https://avatars.githubusercontent.com/u/65851817?v=4?s=100" width="100px;" alt="Prasanna Sridharan"/><br /><sub><b>Prasanna Sridharan</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=Prasanna0908" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://utkarsh-nagar.vercel.app/"><img src="https://avatars.githubusercontent.com/u/58587256?v=4?s=100" width="100px;" alt="Utkarsh Nagar"/><br /><sub><b>Utkarsh Nagar</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=Utkarshn10" title="Documentation">π</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://momerit.id"><img src="https://avatars.githubusercontent.com/u/26665218?v=4?s=100" width="100px;" alt="ekhiw"/><br /><sub><b>ekhiw</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=ekhiw" title="Documentation">π</a></td> <td align="center" valign="top" width="14.28%"><a href="http://nayanpatel.net"><img src="https://avatars.githubusercontent.com/u/79650289?v=4?s=100" width="100px;" alt="Nayan Patel"/><br /><sub><b>Nayan Patel</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=PatelN123" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/Harsh2220"><img src="https://avatars.githubusercontent.com/u/63700777?v=4?s=100" width="100px;" alt="Harsh"/><br /><sub><b>Harsh</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=Harsh2220" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://jakovglavac.from.hr/"><img src="https://avatars.githubusercontent.com/u/34971091?v=4?s=100" width="100px;" alt="Jakov GlavaΔ"/><br /><sub><b>Jakov GlavaΔ</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=JakovGlavac" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/1129-tame"><img src="https://avatars.githubusercontent.com/u/78590091?v=4?s=100" width="100px;" alt="haruka-tm"/><br /><sub><b>haruka-tm</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=1129-tame" title="Documentation">π</a></td> <td align="center" valign="top" width="14.28%"><a href="http://www.deviantdev.com"><img src="https://avatars.githubusercontent.com/u/1813071?v=4?s=100" width="100px;" alt="deh3nne"/><br /><sub><b>deh3nne</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=devdev-dev" title="Documentation">π</a></td> <td align="center" valign="top" width="14.28%"><a href="https://madhusaini.netlify.app/"><img src="https://avatars.githubusercontent.com/u/81684710?v=4?s=100" width="100px;" alt="Saini Madhu"/><br /><sub><b>Saini Madhu</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=MadhuSaini22" title="Documentation">π</a></td> </tr> <tr> <td align="center" valign="top" width="14.28%"><a href="https://benyou.me"><img src="https://avatars.githubusercontent.com/u/31636863?v=4?s=100" width="100px;" alt="Mansour benyoucef"/><br /><sub><b>Mansour benyoucef</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=benyou1969" title="Documentation">π</a></td> <td align="center" valign="top" width="14.28%"><a href="http://dev-phantom.netlify.app"><img src="https://avatars.githubusercontent.com/u/72051159?v=4?s=100" width="100px;" alt="Elimihele God's favour"/><br /><sub><b>Elimihele God's favour</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=dev-phantom" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://geethg.com"><img src="https://avatars.githubusercontent.com/u/47117192?v=4?s=100" width="100px;" alt="Geeth Gunnampalli"/><br /><sub><b>Geeth Gunnampalli</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=thetechie7" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/zMarques"><img src="https://avatars.githubusercontent.com/u/85084918?v=4?s=100" width="100px;" alt="Thiago Marques"/><br /><sub><b>Thiago Marques</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=zMarques" title="Code">π»</a></td> <td align="center" valign="top" width="14.28%"><a href="https://github.com/fernandounger"><img src="https://avatars.githubusercontent.com/u/87918106?v=4?s=100" width="100px;" alt="Fernando Unger"/><br /><sub><b>Fernando Unger</b></sub></a><br /><a href="https://github.com/hauptrolle/chakra-templates/commits?author=fernandounger" title="Code">π»</a></td> </tr> </tbody> </table> <!-- markdownlint-restore --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END -->This project follows the all-contributors specification. Contributions of any kind welcome!