Why Chakra UI Vue

@chakra-ui/vue is a component library whose mission is to make building accessible and composable Vue.js web applications fun.

In order to make our components as accessible as possible, we've carefully crafted each component to be WAI-ARIA compliant while still making it possible to customize Chakra components based on constraint-based design principles.

Chakra UI is able to do this because of principles adopted from patterns in the web development space that proved to be successful. We've borrowed tons of knowledge and inspiration from React's Chakra UI (The mother ship 😁) by Segun Adebayo, Tailwind CSS by Adam Wathan, Vuetify by John Leider, Buefy by Walter Thomasi, Reach UI from the folks over at React Training, and many other tools that make web development a colorful field.

Core Concepts#

Chakra UI is built from the ground up with two main guiding principles in mind:

  1. Accessibility
  2. Constraint based design


  • Provide accessible components out of the box.
  • Bridge the gap between design and development, by providing a styling API that utilizes constraint-based design principles.
  • Provide composable components that consumers can extend to create their own custom components.
  • Find new ways to make building accessible Vue applications fun and fast.

❤️ Contribute to this page

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!