New
Figma UI Kit now available

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.

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

108+
components
10+
free components
29+
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 100+ components and free updates every month. Make it yours today!

Marketing UI

$

149

  • All marketing UI components
  • Figma UI Kit
  • Lifetime free updates
  • Community support
  • New components monthly
Popular

Marketing + Application UI

$

249

  • All marketing components
  • All application UI components
  • Figma UI Kit
  • Lifetime free updates
  • Community support
  • New components monthly

Application UI

$

149

  • All application UI components
  • Figma UI Kit
  • Lifetime free updates
  • Community support
  • New components monthly

Team License

Get Marketing + Application UI for you and your team

$

899

Up to 5 developers
All marketing + app components
Figma UI Kit
Lifetime free updates

$

899

Premium Products

Top-notch templates and design assets tailored to be the perfect addition to your arsenal.

Friendly Support

Folks are praising our support team, reach us at support@chakra-ui.com and and we'll get you sorted!

Lifetime Updates

We always push useful and requested updates. All our products come with free updates forever

Community Access

Access to our private Discord server to suggest new component ideas and ask for help.

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 purchase a license from our payment service providers, you will be redirected to a special page where you can log in and activate your license. You will then have access to all the components included in your license.

Can I purchase a license for someone else?

Yes that is possible. After purchasing a license, you will be redirected to a special page where you can register and activate your license. Instead of claiming the license for yourself, you can share the link to the page with your friend or 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.

Do you have a team license for more than 5 developers?

Please reach out to us at support@chakra-ui.com, we would offer you a custom team license.

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

Product

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.