Build faster with Premium Chakra UI Components 💎

Learn more

How can we help?

Find answers to common questions related to Chakra UI v3.0

Theming

6 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

Components

2 articles

Tips and recommendations for components

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