当前位置: 首页 > Web前端 > vue.js

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

时间:2023-03-31 16:34:41 vue.js

作者:NastassiaOvchinnikova由顶级开发者创建,拥有强大的社区支持,功能丰富,轻量级。Vue.js的另一大优势是它易于理解和学习。任何Web应用程序都可以在Vue框架的帮助下创建。所以我建议你了解一些Vue开源项目。其中一些项目由于在2019年的流行而进入了这个列表。其中一些项目在GitHub上没有那么多星标,但在我看来它们仍然值得注意。uiGradients渐变效果合集网址:http://uigradients.com/GitHub:https://github.com/ghosh/uiGr...GitHubStars:4.6k丰富的色彩和出色的UX使这个项目成为我的最爱的最爱。渐变效果仍然是网页设计中的增长趋势。您可以选择所需的颜色并查看所有可能的渐变。这个集合是巨大的,因为它是社区贡献的。您可以轻松选择一种渐变效果并复制其CSS代码。各种模板:https://flatlogic.com/templatesCSSFXCSS效果合集网站:https://cssfx.devGitHub:https://github.com/jolaleye/c...GitHubStars:5.3k又一个容易贡献的向Web应用程序添加一些但重要的详细信息的项目。该项目允许您查看每个CSS效果的预览,只需单击所选效果即可查看代码。SingAppVueDashboardAdminTemplateWebsite:https://flatlogic.com/templat...GitHub:https://github.com/flatlogic/...GitHubStars:244Demo:https://flatlogic.com/templat。..文档:https://demo.flatlogic.com/si...这是一个免费的开源管理模板,使用最新的Vue和Bootstrap构建。如今最常见的做法是使用管理仪表板模板,而不是从头开始构建所有内容。在评估管理模板时,想到的主要标准是:定制的可能性和文档的完整性。SingAppVue将为您提供可靠的建议,并通过提供的所有必要图表、表格、表格、地图等帮助您快速入门。VueStorefrontAPWAstorefrontPWAOnlineStoreWebsite:https://www.vuestorefront.ioGitHub:https://github.com/DivanteLtd...GitHubStars:5.8k这是一个PWA应用程序,可以与任何后端(或几乎任何后端)连接。该项目的主要优点是使用无头架构。这是一个全面的解决方案,为您提供了很多可能性(将改善您的服务器端呈现SEO结果、移动优先方法和离线模式,这要归功于不断增长的社区的大力支持。Faviator一个用于生成图标的库网站:https://www.faviator.xyzDemo:https://www.faviator.xyz/play...GitHub:https://github.com/faviator/f...GitHubStars:94如果你需要创建图标向导.可以使用任何谷歌字??体和任何颜色.只需通过首选配置并选择PNG,SVG或JPG格式.iViewVueUI组件套件网站:https://iviewui.com/GitHub:https://iviewui.com/GitHub:https://github.com/iview/iviewGitHubStars:22.8k不断的更新让这套UI组件成为不同技术水平的开发者不错的选择。但是你应该知道它不支持IE8。要开始使用iView,确保您对单文件组件有深入的了解。该项目具有友好的API和广泛的文档离子。PostwomanAPIRequestBuilder*网站:https://postwoman.io/GitHub:https://github.com/liyasthoma...GitHubStars:10.5k这是Postman的替代品。它是免费的,有很多人参与开发,并且支持多平台和多设备。这个工具真的很快并且有很多更新。该工具的创建者声称在不久的将来会推出更多功能。您可以通过添加自动完成、更多方法和HTTP支持来帮助该项目。请加入社区!VueVirtualScroller快速滚动条Website:https://akryum.github.io/vue-...GitHub:https://github.com/Akryum/vue...GitHubStars:3.4kVueVirtualScroller有四个主要组件.RecycleScroller可以呈现列表中的可见项。如果您不知道项目的大小,最好使用DynamicScroller。DynamicScrollerItem将所有内容包装在DynamicScroller中(以处理大小更改)。IdState简化了本地状态管理(在RecycleScroller内部)。MintUI移动界面元素网站:http://mint-ui.github.io/#!/enGitHub:https://github.com/ElemeFE/mi...GitHubStars:15.2k使用现成的CSS和JS组件可以更快地构建移动应用程序。使用此工具,您不必担心生成大文件的风险,因为您可以按需加载它们。动画由CSS3处理。要使用MintUI,您需要安装npm。您应该尝试预测您的应用程序需要的所有组件并仅导入必要的组件。完整的代码(包括CSS文件)只有30kb。VCalendar一个用于构建日历的无依赖插件网址:https://vcalendar.ioGitHub:https://github.com/nathanreye...GitHubStars:1.6k您可以选择不同的视觉指示器来装饰您的日历。V日历还为您提供三种日期选择模式:单一日期;多个日期;日期范围选择模式。这个日历插件是移动友好的,有不同的颜色主题,并适应不同的屏幕尺寸。VueDesignSystem一套UI工具网站:https://vueds.com/GitHub:https://github.com/viljamis/v...GitHubStars:1.7k这是一个组织良好的工具,适用于任何Web开发团队它的名字很容易理解。由于能够导出为NPM依赖项,您可以在任何Vue项目中进行自定义设计。最大的好处是能够使用Prettier代码格式化程序,它会在提交到Git之前自动格式化您的代码。Proppy用于创建道具的库网站:https://proppyjs.comGitHub:https://github.com/fahad19/pr...GitHubStars:855个道具允许我们将数据传递给不同的组件。道具不能更改或向上传递组件树。所以Proppy帮助你获取各种资源,然后将它们组合成props,传递给任何组件。用于管理仪表板网站的浅蓝色VueAdminVue.js模板:https://flatlogic.com/templat...GitHub:https://github.com/flatlogic/...GitHubStars:76Demo:https://demo.flatlogic.com/li...文档:https://demo.flatlogic.com/li...这个模板是用VueCLI和Bootstrap4构建的。从演示中可以看出,该模板有一个非常基本页面集:排版、地图、图表、聊天等。如果您需要扩展模板,请查看LightBlueVueFullwith60+components,nojQuery,and2colorthemes。VueAPIQueryBuildrequestsforRESTAPIsGitHub:https://github.com/robsonteno...GitHubStars:1.1k这个项目就不多说了。它完全按照其广告描述中所说的那样进行操作:帮助您创建RESTAPI请求。VueGridLayoutVue.js网格布局网址:https://jbaysolutions.github....GitHub:https://github.com/jbaysoluti...GitHubStars:3.1k解决所有与网格相关的问题简单的解决方案。它具有静态、可调整大小和可拖动的小部件。它具有响应能力,可以恢复和序列化布局。如果您需要添加另一个小部件,则不需要重建所有网格。VueContentLoader创建占位符加载创建占位符加载网站:http://danilowoz.com/create-v...GitHub:https://github.com/egoist/vue...**GitHubStars:2ktoTo了解该项目的所有信息,您可以先简单地使用其在线工具。只需设置宽度和高度、速度和配色方案等首选属性,即可享受可定制的内容加载器。使用纱线和纯SVG格式快速安装(无需JS)。Vue2.0图表数据可视化网址:https://simonzhangiter.github...GitHub:https://github.com/SimonZhang...GitHubStars:1.3k图中可以看到非常漂亮的图表。该项目使任何数据更具可读性,使我们更容易理解和解释。它使我们能够轻松检测任何数据集中的趋势和模式。Vue.jsModal高度可定制的Modal网站:http://vue-js-modal.yev.io/GitHub:https://github.com/euvl/vue-j...GitHubStars:2.9k你可以在查看网站上所有不同类型的模态窗口。总共有15个按钮,单击任何一个按钮,您将看到一个示例模态窗口。VuesaxFrameworkComponents网站:https://lusaxweb.github.io/vu...GitHub:https://github.com/lusaxweb/v...GitHubStars:3.7k该项目在社区中非常受欢迎。它允许您为每个组件设计不同的产品。Vuesax的创建者强调,在网页设计方面,每个Web开发人员都应该有选择的自由。您首先需要一个CDN存储库并链接到它的CSS文件。Vue2AnimateAnimate.css的端口网站:https://the-allstars.com/vue2...GitHub:https://github.com/asika32764...GitHubStars:1.1k这个库是跨浏览器的。您可以从5种动画类型中进行选择:旋转、滑动、淡入淡出、反弹和缩放。它的网站上有一个演示。动画的默认持续时间为1秒,但您可以自定义此参数。VuetensilsVue.js工具集网址:https://vuetensils.stegosource.comGitHub:https://github.com/stegosource...GitHubStars:111这是一个标准的接口库,但是它的优点是没有多余的样式。您可以自定义设计并应用所有品牌要求。只需编写您想要的样式,将它们添加到您的项目中,并包含任意数量的组件。