值得关注的 Vue.js开源项目

更新日期: 2019-11-17阅读: 2.4k标签: 开源

vue.js 框架是由经验丰富的开发人员创建的,具有可靠的社区支持,丰富的功能,而且是轻量级的。

Vue.js 的另一个大优点是易于理解和学习。可以在 Vue 框架的帮助下创建任何 Web 应用。因此我建议你了解一些 Vue 开源项目。

这些项目中有一些因为其在 2019 年广受欢迎而被列入此列表。其中一些项目在 GitHub 上没有那么多的Star,但是在我看来,这些项目仍然值得注意。

uiGradients

渐变效果的集合

Websitehttp://uigradients.com/

GitHub:https://github.com/ghosh/uiGr...

GitHub Stars: 4.6k

丰富的色彩阵列和出色的 UX 使该项目成为我的最爱之一。渐变效果仍然是网页设计中日益增长的趋势。你可以选择所需的颜色,并查看所有可能的渐变。该收藏非常庞大,因为它是社区贡献的。你可以轻松选择渐变效果并复制其 css 代码

各种模版:https://flatlogic.com/templates

CSSFX

CSS 效果的集合

Websitehttps://cssfx.dev

GitHubhttps://github.com/jolaleye/c...

GitHub Stars: 5.3k

另一个轻松地向 Web 应用添加少量但重要的细节的项目。该项目使你可以查看每个 CSS 效果的预览,只需单击选择的效果即可查看代码。

Sing App Vue 仪表板

管理模板

Websitehttps://flatlogic.com/templat...

GitHubhttps://github.com/flatlogic/...

GitHub Stars: 244

Demo:https://flatlogic.com/templat...

文档:https://demo.flatlogic.com/si...

这是免费的开源管理模板,使用最新的 Vue 和 Bootstrap 构建。如今最常用的做法是使用管理仪表板模板,而不是从头开始构建所有内容。在评估管理模板时,我想到的主要标准是:定制的可能性和文档的完整性。 Sing App Vue 将会为你提供可靠的建议,帮助你快速入门所提供所有必要的图表、表单、表格、地图等。

Vue Storefront

A PWA storefront

PWA 网店

Websitehttps://www.vuestorefront.io

GitHubhttps://github.com/DivanteLtd...

GitHub Stars: 5.8k

这是一个 PWA 应用,可以与任何后端(或几乎任何后端)连接。该项目的主要优势是使用无头架构。这是一个全面的解决方案,为你提供了很多可能性(由于不断增长的社区的大力支持,将改进你的服务器端渲染的 seo 效果、移动优先方法和脱机模式。

Faviator

一个生成图标的库

Websitehttps://www.faviator.xyz

Demohttps://www.faviator.xyz/play...

GitHubhttps://github.com/faviator/f...

GitHub Stars: 94

如果你需要创建一个图标的向导。可以使用任何 Google 字体以及任何颜色。只需通过首选的配置,然后选择 PNG,SVG 或 JPG 格式即可。

iView

Vue UI 组件工具

Websitehttps://iviewui.com/

GitHubhttps://github.com/iview/iview

GitHub Stars: 22.8k

不断的更新使这组 UI 组件成为具有不同技能水平的开发人员的不错选择。但是你应该知道它不支持IE8。

要开始使用 iView,请确保你对单文件组件有充分的了解。该项目具有友好的 api 和大量文档。

Postwoman

API 请求构建器*

Websitehttps://postwoman.io/

GitHubhttps://github.com/liyasthoma...

GitHub Stars: 10.5k

这是 Postman 的替代方案。它是免费的,具有许多人参与开发,并且支持多平台和多设备。这个工具真的非常快,并且有大量的更新。该工具的创建者声称在不久的将来会有更多功能。你可以通过添加自动完成功能、更多方法和 HTTP 支持来帮助该项目。请加入社区!

Vue Virtual Scroller

快速滚动条

Websitehttps://akryum.github.io/vue-...

GitHubhttps://github.com/Akryum/vue...

GitHub Stars: 3.4k

Vue Virtual Scroller 具有四个主要组件。 RecycleScroller 可以渲染列表中的可见项目。如果你不知道项目的大小,最好使用 DynamicScroller。 DynamicScrollerItem 将所有内容包装在 DynamicScroller 中(以处理大小的更改)。 IdState 简化了本地状态管理(在 RecycleScroller 内部)。

Mint UI

移动端界面元素

Websitehttp://mint-ui.github.io/#!/en

GitHubhttps://github.com/ElemeFE/mi...

GitHub Stars: 15.2k

使用现成的 CSS 和 JS 组件能够更快地构建移动应用。使用此工具,你不必担心生成大文件的风险,因为你可以按需加载。动画由 CSS3 处理。要使用 Mint UI 需要安装 npm。你应该尝试预测应用程序所需的所有组件,并仅导入必要的组件。完整的代码(包括 CSS 文件)仅 30kb。

V Calendar

用于构建日历的无依赖插件

Websitehttps://vcalendar.io

GitHubhttps://github.com/nathanreye...

GitHub Stars: 1.6k

你可以选择不同的视觉指示器来装饰日历。 V Calendar 还为你提供了三种日期选择模式:

单一日期;多个日期;日期范围选择模式。

这个日历插件适合移动设备使用,有不同的颜色主题,并且可以适应不同的屏幕尺寸。

Vue 设计系统

一组 UI 工具

Website: https://vueds.com/

GitHub: https://github.com/viljamis/v...

GitHub Stars: 1.7k

这是组织良好的工具,对于任何 Web 开发团队而言,其名称都很容易理解。由于能够导出为 NPM 依赖项,因此你可以在任何 Vue 项目中进行自定义设计。最大的好处是能够使用 Prettier 代码格式化程序,该格式化程序在提交到 Git 之前自动格式化你的代码。

Proppy

用于创建 prop 的库

Website: https://proppyjs.com

GitHub: https://github.com/fahad19/pr...

GitHub Stars: 855

prop 使我们能够将数据传递到不同的组件。prop 无法更改或沿组件树向上传递。因此 Proppy 可帮助你获取各种资源,然后作为 prop 进行组合,然后将其传递给任何组件。

Light Blue Vue Admin

用于管理信息中心的 Vue.js 模板

Website: https://flatlogic.com/templat...

GitHub: https://github.com/flatlogic/...

GitHub Stars: 76

演示:https://demo.flatlogic.com/li...

文档:https://demo.flatlogic.com/li...

该模板是用 Vue CLI 和 Bootstrap 4 构建的。从演示中可以看到,该模板具有一组非常基本的页面:排版、地图、图表、聊天等。如果你需要扩展模板,则可以看一下有着 60 多个组件的 Light Blue Vue Full,它不含 jquery,并且具有两个颜色主题。

Vue API Query

构建针对 REST API 的请求

GitHub: https://github.com/robsonteno...

GitHub Stars: 1.1k

这个项目没什么可说的。它完全符合其广告描述中的内容:帮助你创建 REST API 的请求。

Vue Grid Layout

Vue.js 的网格布局

Website: https://jbaysolutions.github....

GitHub: https://github.com/jbaysoluti...

GitHub Stars: 3.1k

解决所有与网格有关的问题的简单解决方案。它具有静态、可调整大小和可拖动的小部件。它反应灵敏,并且可以还原和序列化布局。如果你需要再添加一个小部件,则无需重新构建所有网格。

Vue Content Loader

Create a placeholder loading

创建占位符加载

Website: http://danilowoz.com/create-v...

GitHub: https://github.com/egoist/vue...**

GitHub Stars: 2k

要了解有关该项目的所有信息,你先可以简单地使用它的在线工具。只需设置诸如宽度和高度、速度和配色方案之类的优选属性,就可以享受可自定义的内容加载器。可以借助 yarn 和纯 SVG 格式(无需JS)快速安装。

Vue2.0 图表

数据可视化

Website: https://simonzhangiter.github...

GitHub: https://github.com/SimonZhang...

GitHub Stars: 1.3k

在图片中,你可以看到非常漂亮的图表。这个项目使任何数据都更具可读性,使我们更易于理解和解释。它使我们能够轻松检测任何数据集中的趋势和模式。

Vue.js Modal

高度可定制的 Modal

Website: http://vue-js-modal.yev.io/

GitHub: https://github.com/euvl/vue-j...

GitHub Stars: 2.9k

你可以在网站上查看所有不同类型的模态窗口。总共有15个按钮,随意点击一个,你将会看到一个模态窗口示例。

Vuesax

框架组件

Website: https://lusaxweb.github.io/vu...

GitHub: https://github.com/lusaxweb/v...

GitHub Stars: 3.7k

这个项目在社区中非常受欢迎。它使你可以为每个组件设计不同的产品。 Vuesax 的创建者强调,每个 Web 开发人员在进行 Web 设计时都应该有选择的自由。你首先需要一个 CDN 库并链接到其 CSS 文件。

Vue2 Animate

Animate.css 的端口

Website: https://the-allstars.com/vue2...

GitHub: https://github.com/asika32764...

GitHub Stars: 1.1k

这个库是跨浏览器的。你可以从 5 种动画类型中进行选择:旋转、滑动、淡入淡出、弹跳和缩放。在其网站上有一个演示。动画的默认持续时间为 1 秒,但是你可以自定义这个参数。

Vuetensils

Vue.js 的工具集

Website: https://vuetensils.stegosource.com

GitHub: https://github.com/stegosourc...

GitHub Stars: 111

这是个标准界面库,但其优点在于它没有多余的样式。你可以按照自定义的方式进行设计,并应用所有品牌要求。只需编写所需的样式,将其添加到项目中,并根据需要包含尽可能多的组件。

原文:https://flatlogic.com/blog/new-and-noteworthy-vue-js-open-source-projects-part-1/

链接: https://www.fly63.com/article/detial/6880

为什么我们从来不去感谢开源项目维护者

一个开源项目维护者必须一年到头无偿地做这么多复杂繁琐的工作。当我们很方便的使用开源项目时,太容易忘记项目维护者的辛苦付出了,有时候,开源项目维护者真的需要你对他说一声谢谢。

Emoji开源库推荐_支持emoji表情的js的开源项目总汇

Emoji(表情符号)的使用到处都有,想通过js为自己的网页添加Emoji吗?今天就为大家整理在Github上最受欢迎的Emoji开源库,让自己的页面显示Emoji。

我是如何创造“开源”这个词的

开源软件open source software创立 20 周年的纪念日。由于开源软件渐受欢迎,并且为这个时代强有力的重要变革提供了动力,我们仔细反思了它的初生到崛起。

高效学习开源项目的五大步骤!

得益于开源运动的蓬勃发展,众多技术顶尖的公司、团队或者个人通过开源的方式向技术社区贡献了许多优秀的开源项目,一方面大大促进了整体技术的发展

开源的本质是什么,免费还是自由?

开源的本质是什么,免费还是自由?国内的很多软件公司或研究机构对开源的热情仅限于免费的代码,而绝少深度参与开源社区的活动。我们对于开源始终是利用多,而贡献少,从国内发起的有一定影响力的开源项目如果不是完全没有,恐怕也是凤毛麟角。

高效实用的.NET开源项目

很多人也想了解一下最新和感觉有用的.NET开源项目,最近准备面试为了有料说,在网上找到了一些开源的项目,个人觉得还不错,所以给大家分享一下,共同进步。

传说这个是 35 个最好用 Vue 开源库

无论是开发新手还是经验丰富的老手,我们都喜欢开源软件包。对于开发者来说,如果没有这些开源软件包,很难想象我们的生活会变得多么疲惫不堪,而且靠咖啡度日也会成为家常便饭。所幸的是,随着 Vue.js 和 Nuxt.js 社区的不断壮大,每天都会出现一些很好的软件包。

微软WPF开源了

在去年的 Microsoft Connect(); 开发者大会上,微软宣布开源三种主要的 Windows UX 技术,其中就包括了 Windows Presentation Foundation (WPF),除此之外还有 Windows Forms 和 Windows UI XAML 库 (WinUI)

12种开源Web安全扫描程序

Arachni是一款基于Ruby框架构建的高性能安全扫描程序,适用于现代Web应用程序。XssPy一个基于Python的XSS(跨站脚本)漏洞扫描器。w3af,从2006开始使用python开发的开源项目,可以用在window和linux环境下

Github 上 36 个最实用的 Vue 开源库

任何一个开发者,都是十分喜欢使用开源软件包的。因为它使开发工作变得更快速、高效、容易。如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子!下面整理了 Github 上 36 个实用的 Vue 开源库,建议收藏!

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!