Chakra UI Course Road Map 🚗

An introduction to this course.

Introduction to Chakra UI - a simple, modular and accessible component library for React based apps.

Install Chakra UI in Next.js, React, and Gatsby.

Learn how to use the default theme.

Learn how to create a custom theme with custom colors, fonts, and more.

Add dark mode to your site in just a few lines of code.

An overview of some basic Chakra UI components including Flex, Grid, Text, Heaiding, Button, and more.

Easily implement a CSS grid using the Chakra UI Grid component.

Easily implement a CSS flex box using the Chakra UI Flex component.

Let's animate some Chakra UI components with Framer Motion!

Learn how to easily optimize your website for search engine optimization (SEO) using Chakra UI.

Learn how to create a dashboard in Chakra UI!