Community Resources
A rich compilation of technical descriptions and detailed information of how Chakra UI works.
Talks
The Chakra UI Component Library
by Devmode.fm
In this talk, Segun “Sage” Adebayo talks about how Chakra UI came to be, and how helping people has changed his life.
Chakra UI Talk and Demo
by ReactEurope
Segun Adebayo talks about how Chakra UI came to be, and performs a live demo.
The road to Chakra 1.0 and all about Chakra UI
by Kitze
Kitze talks to Segun from Chakra - The road to Chakra 1.0 and all about Chakra UI.
Videos
Coding a Login Form with Chakra UI | React | Dark Theme & Light Theme
by Eshwaren Manoharen
Learn how to create a login form with Chakra UI.
How to easily use Chakra UI Stack Component
by Folasade Agbaje
Learn how to easily use Chakra UI Stack Component.
Setting Up Chakra UI in a GatsbyJS App
by Apollo GraphQL
Learn how to Set Up Chakra UI in a GatsbyJS App.
Making a set of React + Chakra UI components for building landing pages
by Kitze
Learn how to build landing pages in React using Chakra UI components.
Chakra UI Quickstart - With Next.js
by Benjamin Carlson
Learn about the basic components of chakra-ui, add it to Next.js and make a dark switch component.
Blogs
How to Integrate Chakra UI in React App
by Sumit Kharche
Learn about Chakra UI and also build a react application using Chakra UI components.
Build a Landing Page with Chakra UI
by Jim Raptis
How to build a responsive landing page in React using the Chakra UI design system.
How to Use Chakra UI with Next.js and React
by Colby Fayock
How to take advantage of the power of Chakra UI to build great web apps.
Installing and Using Chakra UI with React
by Ashutosh Singh
We will discuss how to install, import, and use components from Chakra UI.