At the time of writing the UI frameworks supporting Vue 3 are:
AgnosticUI has support for Vue3 and provides 20 components.
Ant Design for Vue
Core UI components (346 stars on GitHub) enable the usage of Bootstrap components with focus on dashboards in Vue.js 2 projecs. Core UI Admin template (2.8k stars on GitHub) provides an admin template based on Bootstrap. There is no stable release for Vue.js 3 yet.
Equal is a Vue 3 components library with 30+ components based on TypeScript and personal design system.
PrimeVue (1.3k stars on GitHub) offers 90+ components and supports Vue.js 3. To add PrimeVue to a Vue3 project execute yarn add primevue@next, select the version e.g. 3.9.1 and add optional support for icons with yarn add primeicons. In addition you need to add some boilerplate to include components (Module Loader setup variant) or import the components directly (Single File Component setup variant). E.g. for making the Dialog componentavailable one has to add the following code to main.js:
... import PrimeVue from 'primevue/config'; //import Dialog from 'primevue/dialog'; // module loader variant import Dialog from 'primevue/dialog/sfc'; // SFC variant ... app.use(PrimeVue); app.component('Dialog', Dialog); ...
Vuetify (31.1k stars on GitHub) enables the usage of Material UI components which are compliant with the Material Design specification into Vue.js projects. Full support for the composition API will be available in February 2022 as part of the v3 (Titan) release.
The v3 alpha release package is available under the next tag via yarn add vuetify@next or npm i vuetify@next . One should be able to add vuetify to a Vue3 project by executing vue add vuetify.
However the preset selections
Vite Preview (Vuetify 3 + Vite),
Prototype (rapid development)
Vuetify 3 Preview (Vuetify 3)
lead to errors Error: Cannot find module
fst/promises or Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists. when executing yarn serve. I didn’t get the alpha working so far.
Vue Material Kit
VueTailwinds (1.4k stars on GitHub) integrates the CSS framwork Tailwind CSS (42.8k stars on GitHub) into Vue.js projects. I’m ont sure if it enables usage of Tailwind UI (proprietary, starting from 129 EUR for unlimited usage) components as well. VueTailwind does not support Vue.js 3 yet.
I’ve used the following resources on medium and YouTube: