Hi, Vue.js dev fam!<p>I'm excited to bring you Chakra UI Vue! ️<p>Over the last few months I've created a component library that ships with accessible UI components whose goal is to make building accessible Vue apps and websites fast and fun! This project was inspired by the React version of Chakra UI by Segun Adebayo.<p>Documentation: <a href="https://vue.chakra-ui.com/" rel="nofollow">https://vue.chakra-ui.com/</a> (Includes some live examples you can edit.)<p>Github Repository: <a href="https://github.com/chakra-ui/chakra-ui-vue" rel="nofollow">https://github.com/chakra-ui/chakra-ui-vue</a>
️
Demos:
- Vue: <a href="https://codesandbox.io/s/chakra-ui-vue-starter-2sy0g" rel="nofollow">https://codesandbox.io/s/chakra-ui-vue-starter-2sy0g</a>
- Nuxt: <a href="https://codesandbox.io/s/chakra-ui-nuxt-demo-f8tq4" rel="nofollow">https://codesandbox.io/s/chakra-ui-nuxt-demo-f8tq4</a>
- Gridsome: <a href="https://codesandbox.io/s/chakra-ui-gridsome-demo-038c9" rel="nofollow">https://codesandbox.io/s/chakra-ui-gridsome-demo-038c9</a><p>The core features thatChakra UI Vue has to offer are:<p>1. ️ Accessibility
All UI components are WAI-ARIA compliant out of the box and can be adjusted as needed.<p>2. Constraint Based Design
Chakra UI Vue components play well your design system tokens based on the Theme UI specification.<p>3. Composition
All Chakra UI Vue components are built on top of composable UI primitives that consumers can also extend. A lot of the components also export compound components to allow you to change their UI layouts easily!<p>4. Style Props
Yup! You guessed it. Chakra UI Vue is built on top of fast CSS-in-JS tools. This allows Chakra's components to accept style declarations as props. You also get some really cool shorthands so your mac keyboard lasts longer
Using style props to style your components :)<p>5. Dark/Light mode support
Most Chakra UI Vue components are are dark-mode compatible out of the box. With a simple function call you can toggle between dark and light modes easily.See Dark/Light mode demo here on Codesandbox.<p>6. Nuxt.js support
Nuxt.js is a Chakra UI Vue first class citizen. Check out the Codesandbox demos and the docs to see how to quickly get started with Chakra UI + Nuxt.js! Check out the Chakra UI Vue Nuxt Demo.