8 个令人惊叹的 Vue.js UI 组件,说不定用得上!
在 Web 应用程序开发方面,Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星,对于开发人员来说是一个引人注目的选择,因为它很容易集成到现有项目中。它的速度很快,它非常强大。你可以用它从头开始建立一个动态的、可扩展的、可维护的单页面应用程序。
作为一个 JavaScript 框架,Vue.js 允许您轻松地将动态数据渲染到 DOM,将数据绑定到 DOM 元素,以及管理/维护应用程序的状态(本地存储),而无需用户重新加载浏览器。它是首选,因为它是轻量级的,模块化的,需要最少的配置。它的速度也非常快,文件大小也很低。开发人员可以很容易地把它放入任何项目或现有的框架中。
随着Vue.js逐渐成为更多开发者的首选框架,这里有8个值得关注的UI组件,希望能在2019年整合到你的项目中。在每个组件的末尾,我都添加了该组件GitHub仓库账户的链接,以让你可以做出贡献。
Sweet Modal [1]
Modals是一个很好的方法,可以为你的Web应用程序的用户体验添加一些不同的东西。Sweet Modal为你提供了许多伟大的模态选择,许多Modal肯定会使你的Web应用与众不同。它们可以用于通过表单收集数据或只是传递警报,每个项目都需要一个漂亮的Modal。在GitHub上有超过500颗星,这绝对是一个值得关注的项目。
GitHub: http://github.com/adeptoas/sweet-modal-vue
Vue Scrollama [2]
Vue Scrollama 是一个组件,可让您轻松地在网页上进行滚动驱动交互,从而为用户提供类似故事的体验。有了这个组件,视觉效果就说明了一切。它也是非常可定制的,可以制作一些令人惊叹的Web应用程序。
GitHub: http://github.com/shenoy/vue-scrollama
Vue-parallax [3]
视差是为你的网络应用添加活力和独特性的好方法,Vue-parallax让你轻松地在你的Vue项目中实现视差,并且它是完全可定制的。这个组件在 GitHub 上有超过 300 颗星,它有定期维护和一个正在成长的新兴社区。
GitHub: http://github.com/apertureless/vue-parallax
Vue-typer [4]
打字机效果有一些特别之处,它吸引了用户,就像大多数优秀的 UI 组件一样,它吸引了用户,创造了更好的体验。不要忘记,该组件是非常可定制的,并且有许多选项可以更改字体类型、大小、打字速度和许多其他东西,以使您的 Web 应用程序完美?
GitHub: http://github.com/cngu/vue-typer
Vue-slider [5]
图片吸引着用户,而滑块是展示图片的好方法。Vue-slider为我们提供了一个非常现代的响应式 "Netflix "风格的滑块,肯定会让你的网络应用脱颖而出。
GitHub: http://github.com/fanyeh/vue-slider
Vue.js Popover [6]
弹出窗口和工具提示——重要但被低估的 UI 组件。这些是向用户显示信息的好方法,不会分散他们对您想要呈现给他们的主要内容的注意力。Vue.js popover让我们可以将创意和动画工具提示和弹出窗口添加到 Web 应用程序的不同元素中。
GitHub: http://github.com/euvl/vue-js-popover
Vue-bar [7]
说到数据,展示很重要。使用 Vue-bar 创建可定制的、现代的、优雅的和有吸引力的条来表示您的 Web 应用程序中的数据变得更加容易。
GitHub: http://github.com/DeviaVir/vue-bar
Vue Infinite Slide Bar [8]
一个非常小众的 UI 组件,Infinite Slide Bar 可以让您以一种全新的方式向用户显示通常无聊的正常信息。
GitHub: http://github.com/biigpongsatorn/vue-infinite-slide-bar
荣誉奖
一些 UI 组件无法上榜,但绝对值得关注。
-
Vue Dark Mode [9]
这个由各种UI组件组成的组/集合为你的Vue项目增加了一个黑暗的主题,图标和元素的颜色与之相称。很适合为你的网络应用添加一个黑暗模式,或者简单地混合设计。
就是这样,8 个令人惊叹的 Vue.js UI 组件,你现在可以在你的项目中实现。你在等什么?
原文:http://blog.bitsrc.io/8-vue-js-ui-component-for-2019-5bfff4df480e
作者:Krissanawat Kaewsanmuang
猜你喜欢
参考资料
Sweet Modal: http://sweet-modal-vue.adepto.as/
Vue Scrollama: http://vue-scrollama.now.sh/#/basic
Vue-parallax: http://apertureless.github.io/vue-parallax/
Vue-typer: http://cngu.github.io/vue-typer/
Vue-slider: http://vue-slider.surge.sh/
Vue.js Popover: http://vue-js-dropdown.yev.io/
Vue-bar: http://deviavir.github.io/vue-bar/
Vue Infinite Slide Bar: http://biigpongsatorn.github.io/#/vue-infinite-slide-bar
Vue Dark Mode: http://www.vuedarkmode.com/
- 你应该知道的 7 个 GitHub 功能
- 集美美图APP 2.0.0 版本上线了
- 你的应用应该如何收费?它的价值是什么?
- xgplayer.js 西瓜播放器 - 字节跳动团队出品的免费开源 HTML5 视频播放组件,内置解析器、也能节省流量
- 2天,我把 TS 的事件循环模型、服务端、模拟登陆撸干净了!
- 8 个令人惊叹的 Vue.js UI 组件,说不定用得上!
- Vue.js Astro 比 Vue SPA 更好吗?
- 使用 node-config 在 Node.js 中创建配置文件
- 2022年全栈开发者需要具备的六项技能
- 使用 Chrome Web 蓝牙 API 构建蓝牙应用
- 生成唯一ID,为什么 NanoID 会取代 UUID?
- 在 Flutter 中更快地加载图像资源!
- Clio lang 简介:轻松交付性能关键型 JS
- 20个你应该了解的Flutter库
- 厌倦了 VS Code?试试 Lite-XL吧
- 新的Vue 3 应用程序初始化代码的好处
- 使用 Face-api.js 在 Web 上进行人脸检测
- 5 个可以加速开发的 VueUse 库函数
- 使用React Native可以开发Window桌面应用了!
- 黑客说:如何做到 4 天上线一个小程序?