Introduction

@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.

Vision:

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

Get Started!

If you're ready to consume some Chakra, let's get started!

More about Chakra UI

Core Concepts

Roadmap to @chakra-ui/vue release