Chakra UI Course Road Map 🚗

🚀 Course Introduction

An introduction to this course.

👶 What Is Chakra UI?

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

🕛 Installing + Getting Started

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

🖼️ Default Theme

Learn how to use the default theme.

🎨 Custom Theme

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

🌑 Dark Mode

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

⏰ Basic ComponentsComing Soon!

🧱 CSS Grid Using Grid ComponentComing Soon!

📦 CSS Flex Box Using Flex ComponentComing Soon!

🧨 Animating With Framer MotionComing Soon!

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

🏃 Theme ExtensionsComing Soon!

🔔 SEO

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

💻 Build A Landing PageComing Soon!

📹 Create A Dashboard

Learn how to create a dashboard in Chakra UI!