Chakra-UI/Vue

on YouTube ↗14m

" summary

Chakra-UI/Vue is a Vue 2 component library focused on accessibility (WAI-ARIA), a Theme UI–based theming API, and composition-friendly primitives; it provides a polymorphic as prop, responsive shorthand props (mobile-first breakpoints), and dark/light support out of the box. The project ships after a React origin and is Vue 2 only (v3 in progress). Demos reproduce an absolutely positioned Airbnb-style card and full landing pages — recreated Airbnb card, Miro and Slack landing pages — using Next + Chakra-UI/Vue; live demo fails due to resource limits.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 1:16chakra-ui/vue
3. 3:24Customizable Theming
4. 5:02Composable Primitives
5. 5:35Simple styling API
6. 7:29Light/Dark mode support
7. 13:15Community

" related talks

• 19mVueConf US 2021 | Component Library / AccessibilityJonathan Bakebwa · Vueconf.US 2021
• 22mCan you build a design system with Chakra UI Vue?Sybren Willemot · Vuejs Amsterdam 2023
• 32mDesigning React Interfaces: A Journey Through Modern Styling TechniquesArsalan Ahmed · React India 2024
• 22mPrimeVue | The Next-Gen UI Component LibraryCagatay Civici · Vue.js Nation 2024
• 30mPrimeVue | The Next-Gen UI Component LibraryCagatay Civici · Vuejs Amsterdam 2024
• 23mAnnouncement related to Vue CLI UIGuillaume Chau · Vue.js Amsterdam 2020
• 31mPrimeVue | The Next-Gen UI Component LibraryCagatay Civici · Vue.js Live 2024
• 39mVue.js - developer friendly, fast and versatileAlexander Schwartz · code.talks 2017