Build Your Own Component Library, With `Shadcn-vue`

on YouTube ↗07m

" summary

Shadcn-vue delivers copy-and-paste components that land as editable .vue files, so projects gain full ownership of props, events and markup instead of being limited by an external API. It layers on primitives (Radix-style) and Tailwind CSS + tw-merge/clsx to let you change overlay styling, animations, DOM order and icons without !important hacks. A CLI adds components and examples; the demo shows a dialog component’s overlay, content classes and animations replaced in-place, proving the approach works for building a custom design system.

AI-written summary · about

" chapters (3)

1. 0:00Build Your Own Component Library, With `Shadcn-vue`
2. 2:33Let's look at shadcn-vue
3. 5:02How to customize

" related talks

• 24mCreate a Custom Component Library with Vue & Tailwind CSSPaige Kelley · Vueconf.US 2022
• 32mCreate a Component Library With Vite, Vue and TailwindPaige Kelley · Connect.Tech 2022
• 18mCreating a highly reusable VueJS Component library and publishing on NPM using @vue/cli 3.0Divyam Rastogi · JSFoo: VueDay 2019
• 23mHow to write internal UI Libraries for VueAustin Gil · Vueconf.US 2022
• 25mFrom Design Systems to Component LibrariesGagik Arustamyan | ReactConfAM19 · React Conf Armenia 2019
• 28mBuilding reusable UI components in VuePlamen Zdravkov · Vue.js Amsterdam 2018
• 45mLet's Talk About Web ComponentsJemima Abu · NDC Porto 2022
• 09mLeveraging Ark UI Vue, Build your Own Component LibrarySybren Willemot · Vue.js Forge 2024