Build faster with Premium Chakra UI Components 💎

Learn more

How can we help?

Find answers to common questions related to Chakra UI v3

Theming

7 articles

Configuring colors, fonts, breakpoints, and more

Add custom fonts to a Next.js project Add custom fonts to a Vite project Change the default color palette Creating custom breakpoints Creating custom colors Customize dark mode colors Handling dynamic styling in recipes

Components

3 articles

Tips and recommendations for components

Bundle Optimization Add a Floating Label to an Input Implement a Context Menu

Snippets

2 articles

Questions about component snippets

How to manage updates Specifying custom directory

Styling

2 articles

Styling Chakra UI components

Styling External Libraries Styling Performance

Overview

1 articles

High-level questions about Chakra UI v3.0

RTL Support