Create your website and product remarkably fast
Beautiful and responsive React components to build your application or marketing pages quicker. Created by the makers of Chakra UI.
The level of detail, expertise, theory, and genuine craftsmanship that has gone into this is incredible. It's well worth the investment and more. I'm so glad I bought it!
The components are incredible! They integrate seamlessly with my project and shows how Chakra UI's theming system plays to its greatest strength. Love it!
Go next level with Chakra UI Pro
If you use Chakra UI, this is the next level. With Pro, we’ve put in the work to create high-quality components
Made with TypeScript
Every code snippet you'll get is written in TypeScript in a way that seamlessly integrates with Chakra UI.
Light and Dark theme
Two themes in one pack. Every component has support for a light and dark theme.
Accessibility
From Semantic HTML, to focus management, aria-attributes, etc, we ensure the components are carefully crafted for accessibility.
Documented Code
Copy React + TypeScript snippets and components, paste them into your favorite editor, and get your responsive page ready in minutes!
RTL-Friendly
Want to support Arabic or Hebrew content? All components are designed to flip correctly between LTR and RTL layouts.
Figma UI Kit
Design your products with well-organized and customizable components designed in Figma.
What's included
- 145+
- components
- 14+
- free components
- 42+
- categories
Go Pro & Make it yours!
Start building your website and product in minutes. Buy now and get lifetime access to updates and upgrades.
Get Lifetime Access
Get early access to 110+ components and free updates. Customize it to your needs, and make it yours today!
What's included
Figma UI Kit
Lifetime access
One time payment
Customer support
Free updates
Use on unlimited projects
Frequently Asked Questions
How is Chakra UI Pro different from Chakra UI?
- Chakra UI Pro is built on top of the popular Chakra UI component library. Compared to Chakra UI, the components we offer here are more complex and range from simple banners to full blown page layouts.
What do I get when I buy a Chakra UI Pro license?
- You get access to the source code of all components included in your license and can download the corresponding Figma UI Kit. The source code is provided to you via the website, just like with the free components.
What happens after I purchase a license?
- After you have purchased one or more licenses from our payment provider, you will receive a corresponding number of license keys from us by email. You can then enter this key on our activation page or in your account settings. After that you will have access to all components in your license.
Can I purchase a license for someone else?
- Yes that is possible. After you have purchased one or more licenses from our payment provider, you will receive a corresponding number of license keys from us by email. You can then give this license key to a friend or a colleague.
Do you offer a free trial?
- There is no free trial option. Instead, we have a few components that are available to everyone for free to help you decide whether to purchase a Chakra UI Pro license.
Which version of Chakra UI do I need?
- We use the latest version of Chakra UI to implement and test our components. Although in most cases there should be no problems with older version of Chakra UI, we always recommend to use the latest version.
Found an issue with a component?
- Feel free to contact us at support@chakra-ui.com or use the feedback button at the top of the page.
Is there a Vue.js version of Chakra UI Pro?
- At the moment Chakra UI Pro is only made for React. However, we plan to support Vue.js in the future as well.
I'm a little short on cash. Is there a discount?
- Kindly send us an email at support@chakra-ui.com and tell us about your situation and we'll see what we can do.
Huge amount of ready-to-use layouts
Get started with over 100 ready-to-use blocks in 22 categories.
- Headers
- Features
- Call To Action
- Testimonials
- Dashboard
- Footers
- Pricing
- Teams
- Auth Forms