- Install and Setup Chakra UI in a React Project
- Build a Layout with the Container, Flex and VStack Component in Chakra UI
- Build a 2-Column Form with the SimpleGrid, FormControl, and Input Component in Chakra UI
- Create a Dark Mode Switcher in Chakra UI
- Implement Responsive Design in Chakra UI
- Define Custom Colors and Fonts in Chakra UI
- Use Theme Extensions in Chakra UI
- Override the Built-in Component's Styles in Chakra UI
- Create Custom Variants in Chakra UI