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” Ade­bayo talks about how Chakra UI came to be, and how help­ing peo­ple 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

React Forms Using Chakra UI

by Karl Hadwen

Learn how to build a React form using Chakra UI.

Chakra UI Crash Course

by Mahmoud Shehata

Learn how to get started with Chakra UI (v0.8).

How to use Chakra UI's Default Theme

by Folasade Agbaje

Learn how to use Chakra UI's default theme.

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.

Chakra UI and Gatsby - Getting Started

by Scott Spence

Get Started with Gatsby using 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.