2021年九款最佳VUE3UI框架推荐
2021年九款vue3 UI框架
注:排名不分先后
注:⽂章来源于《前端新世界》
1. Ant Design Vue
Ant Design Vue 是⼀个⾮常成熟的框架,使⽤ Ant Design Vue 创建⽤户界⾯⾮常简单,这些组件可以适应各种图标样式、字体和⿊⾊主题。Ant Design Vue 不断改进其60多个组件,基本覆盖项⽬⼤部份需求,⽽且使它们变得更好,更易于访问。
Vue3 上的 Ant Design 包更⼩,感觉更轻,并且⽀持 SSR(还包括组合API),Ant Design 拥有成熟的复杂组件,如数据表、统计框、pop确认、模态和弹出窗⼝。
Ant Design Vue 在 GitHub 上拥有 15k+ 颗星,每周下载量为 49k,数据已经说明了它的受欢迎程度。
2. BalmUI
BalmUI 已经发布了他们的 9.0 版本了,该版本⽀持Vue3。Balm 基于⾕歌的 Material Design,这就是为什么它看起来很熟悉。Balm 附带 Vue 插件和指令,以及从简单到复杂的⾼度可定制的组件。
BalmUI 发展⾮常迅速,如果想使⽤ Material Design 风格,使⽤复杂的内置指令(如 debouncing 和 UI 波纹)在创建⾃定义组件时能派上⽤场,那么它⾮常适合 Vue3 项⽬。
3. Wave UI
WaveUI 在Vue3 发布后进⾏了良好的定位,WaveUI 的开发是在 Vue3 仍处于alpha阶段时就开始了,其⽬标是在其API稳定后⽴即⽀持它,使其成为⾸批 Vue3 UI框架之⼀。
WaveUI 拥有40多个漂亮且响应迅速的组件,它们的范围从旋转器到⽇历,以及介于两者之间的任何东西。WaveUI 还提供实⽤程序、可定制性和成熟的集成表单验证功能。
WaveUI 提供的组件⾮常漂亮,动画效果也⾮常好,它的风格在整个框架中是⼀致的。企业级响应式 Vue3 应⽤程序不错的选择。
4. Vuestic
Vuestic 是 Vue 最漂亮的开源管理⾯板之⼀,擅长编写可维护的 Vue 代码,制作灵活的组件和接⼝。
该团队最近发布了 Vuestic 的 Vue3版本,包含了流⾏的 Vuestic Admin UI 和更多的组件。Vuestic 强调它对键盘导航的开箱即⽤⽀持,由于它提供的⽤户体验,这个特性在前端社区很受欢迎。
Vuestic 提供了 50 多个具有独特功能和⼴泛可配置性的组件,应式设计,这些组件⼏乎适⽤于所有屏幕分辨率。Vuestic 在整个框架中提供⽆缝翻译⽀持和键盘可访问性。
Vuestic 已经凭借其漂亮的组件⽬录确⽴了⾃⼰作为最美观的 Vue3 UI 框架之⼀的地位。他们现在正在加快步伐创建更复杂的组件,例如⽇期选择器或数据表,它们肯定会像他们当前的产品⼀样具有创造性。
electron vue教程5. Element+
Element+ 已经在 Vue2 中声名鹊起,Element+ 为 Vue3 带来了⼤量不引⼈注⽬的组件,创建⼀个⾮常复杂的应⽤程序所需的⼤部分内容都已经制作完成并可供使⽤。Element+ 提供成熟的⽇期和时间选择器、树、时间线和⽇历组件。
Element+ 甚⾄提供开发⼈员在构建 UI 界⾯时可能需要的最细微的部件,从简单的动画到框架范围的国际化系统,可以与 i18n 配对使⽤以创建⾃定义翻译,甚⾄添加⾮内置语⾔。
Element+ 在 GitHub 上拥有 11.1k+ 颗星,正在成为 Github 上最受欢迎的 Vue3 UI 框架之⼀,它以出
⾊的问题管理、及时更新、可插⼊组件和通过SCSS变量的⾼定制性达到了开发者的期望。
6. Ionic
Ionic 是最早提供 Vue3 ⽀持的 UI 框架之⼀, Ionic 更倾向于移动 UI,团队知道如何迎合和维护⼀个优秀的 UI 框架。
Ionic Vue 是⼀个很成熟的框架,有⼀个令⼈震惊的社区、⼤量的 StackOverflow 问题、企业⽀持和⼀个拥有核⼼成员的⼤型 Slack 频道,这使得可以在需要帮助时轻松获得⽀持。
Ionic Vue 框架在 Github上有 45k+ 颗星,已经被很多⼤公司使⽤,包括空客(Airbus)和艺电(Electronic Arts),⽽ Ionic 的团队以擅长维护他们的UI框架⽽闻名,这是现在和未来的⼀个很好的选择。
7. Naive UI
Naive UI 在 Twitter 上发布,然后被 Vue 的创建者转发,给这个新⽣的组件库带来了⼤量流量。现在,Naive UI 在不到三个⽉的时间⾥就在 GitHub 上获得了5.1k 颗星。
它提供了70多个制作精良的组件,这些组件可以⽆缝地融⼊⼏乎任何类型的 Vue3应⽤。Naive的组件性能优异,可定制性极强,并⽀持TypeScript,提供了很棒的开发体验。
⽂档⽹站易于浏览,并具有完整的⾃定义输⼊,可帮助开发⼈员预览组件在他们⾃⼰的主题中的外观。可以使⽤这些选项来创建⾃⼰的带有颜⾊图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应⽤程序中以覆盖默认值。
8. Quasar
Quasar 是⼀个完整的、以性能为中⼼的框架,可帮助构建 Vue ⽤户界⾯(SPA、PWA、SSR、移动和桌⾯),除了 Vue、Node 和Webpack,Quasar 还包含 Cordova、Capacitor 和 Electron,它们可以帮助构建桌⾯和移动体验,⽽⽆需单独学习。
Quasar 框架似乎是基于 Material Design,但是⼀旦开始,⼀切都可以很好地定制以适应⾃⼰的设计体系。
对 Vue3 ⽀持也很迅速,⽽且 Quasar 已经发布了⼏乎所有的 v1 组件、插件和指令。此外,他们还发布了可组合组件,帮助开发⼈员更深⼊地了解 Quasar API。
9. PrimeVUE
PrimeVUE 也算是最早⽀持 Vue3 的框架之⼀,它并没有让⼈失望。PrimeVUE 拥有 80 多个组件,证明⾃⼰是此列表中组件范围最⼴的框架之⼀。
组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等的密码表单。PrimeVUE 甚⾄还集成了⼀个表单验证库 Vuelidate。附带了预先制作的主题,并提供了⼀个成熟的可视化编辑器,帮助开发⼈员定制⾃⼰的主题。
(⽂章所有内容均来⾃《前端新世界》⾥⾯得⼀篇⽂章《2021年九款最佳VUE3 UI框架推荐》,在此仅做记录,以便学习!)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论