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.

View ComponentsGet early access

Created by Segun & Chris

Chakra Pro Screenshot
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!

Mark Chandler

Frontend Engineer, Vndly

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!

Tim Kolberger

Software Engineer

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.


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!


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

free components

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!

Select license

Number of licenses

Total price

You save $118



You save $118

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 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 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
View Components


Subscribe to our newsletter

Get notified when we add new components or we have exciting news for you.

© 2021 Chakra UI Pro. All rights reserved.