Vue port of shadcn-ui
There was some missing steps that update the main.ts file to add references to the Tailwind css file. This would then break the Shadcn UI when the project was run with npm run dev. I went through the docs half a dozen times and could never get the project to work correctly until referencing some stackblitz examples that had the correct configuration for Vite |
||
|---|---|---|
| .github | ||
| .vscode | ||
| apps/www | ||
| packages | ||
| .gitignore | ||
| .npmrc | ||
| CONTRIBUTING.md | ||
| eslint.config.js | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| tsconfig.json | ||
shadcn-vue
shadcn-vue is an unofficial community-led Vue port of shadcn/ui.
Note
We are not affiliated with shadcn, but we did get his blessing prior to creating this project
This is a project born out of the need for a similar project for the vue ecosystem.
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
Documentation
Credits
All credits go to these open-source works and resources
-
Shadcn UI for creating this beautiful project.
-
Shadcn Svelte for some inspiration for registry.
-
Radix Vue for doing all the hard work to make sure components are accessible.
-
VueUse for providing many useful utilities.
-
ahmedmayara for populating many components
License
Licensed under the MIT license.
