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.
The Future of Chakra UI
by Lee Robinson
Learn about the future of Chakra UI, an accessible React component library, from it's creator Segun Adebayo.
Interview with Segun Adebayo: Chakra UI, Open Source, Life.
by Gift Egwuenu
I had the pleasure of inviting Segun Adebayo(Sage) for a chat. We talked about Chakra UI, Open Source, Work-Life Balance and so much more.
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.
Chakra UI: Design vs Dev Challenge #1
by Lazar Nikolov
In this video Lazar is rebuilding a full Chat App interface designed by Denys Sergushkin.
Blogs
How To Build an Advanced Multipart Component with Chakra UI
by Lennart Jörgens
Learn how to create a custom made container component that supports light/dark mode, variants, sizes, and color schemes.
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.
How to Build an Image Gallery with NextJS using the Pexels API and Chakra UI
by Ashutosh Singh
In this article, we will build an Image Gallery with Next.js using the Pexels API and Chakra UI v1, a modular and accessible component library.
How to Set Up Chakra UI with Next JS by creating a Hero component
by creativedesignsguru.com
Learn how to create a simple, beautiful, and reusable hero component built using NextJs and Chakra UI.