Este artículo recomienda varios marcos de interfaz de usuario de VUE3 populares, mientras que proporcionar una excelente experiencia de desarrollador, un uso razonable o aprender de ellos son buenas opciones, sin ningún orden en particular.
Diseño de hormigas Vue
Ant Design Vue es un marco muy maduro, crear interfaces de usuario con Ant Design Vue es muy simple, los componentes se pueden adaptar a varios estilos de iconos, fuentes y temas oscuros. Ant Design Vue mejora constantemente sus más de 60 componentes, cubriendo básicamente la mayoría de las necesidades del proyecto, haciéndolos mejores y más accesibles.
El paquete Ant Design en Vue3 es más pequeño, se siente más liviano y admite SSR (también se incluye la API de composición), Ant Design tiene componentes complejos maduros, como tablas de datos, cuadros de estadísticas, confirmaciones emergentes, modales y ventanas emergentes.
Con más de 15 000 estrellas en GitHub y 49 000 descargas por semana, los números de Ant Design Vue hablan por sí solos.
BalmUI
BalmUI ha lanzado su versión 9.0, que es compatible con Vue3. Balm se basa en Material Design de Google, por lo que parece familiar. Balm viene con complementos y directivas de Vue, y componentes altamente personalizables de simples a complejos.
debouncing BalmUI está creciendo muy rápido y es perfecto para proyectos Vue3 si desea utilizar el estilo Material Design, utilizando directivas integradas complejas como ondas de interfaz de usuario que resultan útiles al crear componentes personalizados.
Interfaz de usuario de onda
WaveUI está bien posicionado después del lanzamiento de Vue3, el desarrollo de WaveUI comenzó cuando Vue3 aún estaba en etapa alfa, y el objetivo es admitirlo tan pronto como su API sea estable, lo que lo convierte en uno de los primeros marcos de interfaz de usuario de Vue3.
WaveUI tiene más de 40 componentes hermosos y receptivos que van desde giradores hasta calendarios y todo lo demás. WaveUI también ofrece utilidad, personalización y validación de formulario integrada sofisticada.
WaveUI 提供的组件非常漂亮，动画效果也非常好，它的风格在整个框架中是一致的。企业级响应式 Vue3 应用程序不错的选择。
Vuestic
Vuestic 是 Vue 最漂亮的开源管理面板之一，擅长编写可维护的 Vue 代码，制作灵活的组件和接口。
该团队最近发布了 Vuestic 的 Vue3 版本，包含了流行的 Vuestic Admin UI 和更多的组件。Vuestic 强调它对键盘导航的开箱即用支持，由于它提供的用户体验，这个特性在前端社区很受欢迎。
Vuestic 提供了 50 多个具有独特功能和广泛可配置性的组件，应式设计，这些组件几乎适用于所有屏幕分辨率。Vuestic 在整个框架中提供无缝翻译支持和键盘可访问性。
Vuestic 已经凭借其漂亮的组件目录确立了自己作为最美观的 Vue3 UI 框架之一的地位。他们现在正在加快步伐创建更复杂的组件，例如日期选择器或数据表，它们肯定会像他们当前的产品一样具有创造性。
Element+
Element+ 已经在 Vue2 中声名鹊起，Element+ 为 Vue3 带来了大量不引人注目的组件，创建一个非常复杂的应用程序所需的大部分内容都已经制作完成并可供使用。Element+ 提供成熟的日期和时间选择器、树、时间线和日历组件。
Element+ 甚至提供开发人员在构建 UI 界面时可能需要的最细微的部件，从简单的动画到框架范围的国际化系统，可以与 i18n 配对使用以创建自定义翻译，甚至添加非内置语言。
Element+ 在 GitHub 上拥有 11.1k+ 颗星，正在成为 Github 上最受欢迎的 Vue3 UI 框架之一，它以出色的问题管理、及时更新、可插入组件和通过 SCSS 变量的高定制性达到了开发者的期望。
Ionic
Ionic 是最早提供 Vue3 支持的 UI 框架之一， Ionic 更倾向于移动 UI，团队知道如何迎合和维护一个优秀的 UI 框架。
Ionic Vue 是一个很成熟的框架，有一个令人震惊的社区、大量的 StackOverflow 问题、企业支持和一个拥有核心成员的大型 Slack 频道，这使得可以在需要帮助时轻松获得支持。
Ionic Vue 框架在 Github 上有 45k+ 颗星，已经被很多大公司使用，包括空客（Airbus）和艺电（Electronic Arts），而 Ionic 的团队以擅长维护他们的 UI 框架而闻名，这是现在和未来的一个很好的选择。
Naive UI
Naive UI 在 Twitter 上发布，然后被 Vue 的创建者转发，给这个新生的组件库带来了大量流量。现在，Naive UI 在不到三个月的时间里就在 GitHub 上获得了 5.1k 颗星。
它提供了 70 多个制作精良的组件，这些组件可以无缝地融入几乎任何类型的 Vue3 应用。Naive 的组件性能优异，可定制性极强，并支持 TypeScript，提供了很棒的开发体验。
文档网站易于浏览，并具有完整的自定义输入，可帮助开发人员预览组件在他们自己的主题中的外观。可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。
Quasar
Quasar 是一个完整的、以性能为中心的框架，可帮助构建 Vue 用户界面（SPA、PWA、SSR、移动和桌面），除了 Vue、Node 和 Webpack，Quasar 还包含 Cordova、Capacitor 和 Electron，它们可以帮助构建桌面和移动体验，而无需单独学习。
Quasar 框架似乎是基于 Material Design，但是一旦开始，一切都可以很好地定制以适应自己的设计体系。
对 Vue3 支持也很迅速，而且 Quasar 已经发布了几乎所有的 v1 组件、插件和指令。此外，他们还发布了可组合组件，帮助开发人员更深入地了解 Quasar API。
PrimeVUE
PrimeVUE 也算是最早支持 Vue3 的框架之一，它并没有让人失望。PrimeVUE 拥有 80 多个组件，证明自己是此列表中组件范围最广的框架之一。
组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。附带了预先制作的主题，并提供了一个成熟的可视化编辑器，帮助开发人员定制自己的主题。
总结
随着生态系统的迁移，前端培训从 Vue2 迁移到 Vue3 将变得更加容易，因此，借助 Vue3 提供的 API 和响应性，并结合这些 UI 框架将会让项目开发变得更好、更快、更灵活。