Vue相对于React的一个优势就是简单易懂易学，在国内占了大多数。我们可以在Vue的帮助下创建任何Web应用程序。因此，及时了解一些新的好用的Vue开源项目也是非常重要的。一方面可以帮助我们更高效的开发，另一方面我们也可以从中汲取精华。接下来，让我们看看新的和有用的开源项目。uiGradientsURL:http://uigradients.com/GitHub:https://github.com/ghosh/uiGradientsGitHubStars:4.6k颜色阵列和出色的UX使这个项目成为亮点，渐变仍然是网页设计趋势中越来越重要的一部分的。我们可以选择自己想要的颜色，也可以得到所有可能的渐变，得到对应的CSS代码，赶紧收藏起来吧。CSSFXCSS过渡效果合集网址：https://cssfx.devGitHub：https://github.com/jolaleye/cssfxGitHubStars：3.5kCSSFX中有很多CSS滤镜效果，我们可以根据自己的需要选择具体的动画，点击在对应的效果上可以看到生成的CSS代码，下面我们开始吧。SingAppVueDashboard管理模板URL：https://flatlogic.com/templates/sing-app-vue-dashboardGitHub：https://github.com/flatlogic/sing-app-vue-dashboardGitHubStars：254个示例：https://flatlogic.com/templates/sing-app-vue-dashboard/demo文档：https://demo.flatlogic.com/sing-app/documentation/这是一个基于最新的Vue和Bootstrap，其实就是类似于我们国内的vue-admin-template。我们不一定要用，但是可以研究学习源码，相信可以学到很多实用的技巧，加油小子。VueStorefrontURL：https://www.vuestorefront.ioGitHub：https://github.com/DivanteLtd/vue-storefrontGitHubStars：5.8k这是一个可以连接到任何后端（或几乎任何后端）的PWA。该项目的主要优点是使用无头架构。这是一个全面的解决方案，为我们提供了许多可能性（来自稳定增长的社区的巨大支持、将改进页面SEO的服务器端呈现、移动优先方法和离线模式。Faviator图标生成库URL：https://www.faviator.xyzGitHub:https://www.faviator.xyz/playgroundGitHubStars:94如果你需要创建一个图标来增加体验。你可以使用任何谷歌字??体和任何颜色。只需通过首选配置并选择PNG,SVG或JPG格式iViewVueUI组件库URL:https://iviewui.com/GitHub:https://github.com/iview/iviewGitHubStars:22.8k不断的迭代更新让这套UI组件成为了一个特性的好选择任何技能水平的开发人员。使用iView需要对单个文件组件有扎实的理解，并且该项目具有友好的API和广泛的文档。PostwomanAPI请求构建器URL：https://postwoman.io/GitHub：https://github.com/liyasthomas/postwomanGitHub星数：10.5k这个one类似于Postman。它是免费的，有很多贡献者，并且支持多平台和多设备。这个工具真的很快并且有大量的更新。该工具的创建者声称在不久的将来会推出更多功能。VueVirtualScroller快速滚动URL：https://akryum.github.io/vue-virtual-scroller/#/GitHub：https://github.com/Akryum/vue-virtual-scrollerGitHubStars：3.4kVueVirtualScroller有四个主要组成部分。RecycleScroller可以呈现列表中的可见项。如果我们不知道具体的数据量，最好使用DynamicScroller。DynamicScrollerItem将所有内容包装在DynamicScroller中（以处理大小更改）。IdState简化了本地状态管理（在RecycleScroller内部）。MintUI移动端UI库网址：http://mint-ui.github.io/#!/enGitHub：https://github.com/ElemeFE/mint-uiGitHubStars：15.2k使用现成的CSS和JS组件更新快速构建移动应用程序。使用此工具，我们不必冒文件过大的风险，因为它们可以按需加载。动画由CSS3处理，从而提高了性能。VCalendar一个用于构建日历的无依赖插件URL：https://vcalendar.ioGitHub：https://github.com/nathanreyes/v-calendarGitHubStars：1.6k您可以选择不同的视觉指标来装饰您的日历.VCalendar还为我们提供了三种日期选择模式：单选多选日期范围VueDesignSystem一套UI工具URL:https://vueds.com/GitHub:https://github.com/viljamis/vue-design-systemGitHubStars：1.7k这是一个组织良好的工具，名称易于理解，适合任何Web开发团队。最大的优势之一是使用更漂亮的代码格式化程序，它可以在提交到Git之前自动排列代码。ProppyUI组件功能道具组合URL:https://proppyjs.comGitHub:https://github.com/fahad19/proppyGitHubStars:856ProppyJS是一个组合道具的小库，自带各种集成包，让你自由使用它流行的渲染库。这个想法是首先将组件的行为表达为props，然后使用Proppy的相同API将其连接到您的组件（可以是React、Vue.js或Preact）。该API还允许您在组件树的任何位置方便地访问其他应用程序范围的依赖项（如使用Redux的商店）。淡蓝色VueAdminvue后台展示模板网址：https://flatlogic.com/templates/light-blue-vue-liteGitHub：https://github.com/flatlogic/light-blue-vue-adminGitHubStars：79例：https://demo.flatlogic.com/light-blue-vue-admin/#/app/dashboard文档：https://demo.flatlogic.com/light-blue/documentation/该模板是使用VueCLI和Bootstrap4构建的.从demo中可以看出，这个模板有一套非常基础的页面：排版、地图、图表、聊天界面等。如果我们需要扩展模板，可以看看LightBlueVueFull，里面有更多超过60个组件，没有jquery，和两个颜色主题。VueAPIQuerybuildrequestsforRESTAPIsGitHub:https://github.com/robsontenorio/vue-api-queryGitHubStars:1.1k这个项目就不多说了。它的作用与它在描述行中所说的完全一致：它帮助我们构建RESTAPI请求。VueGridLayoutVue的网格布局网站：https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.htmlGitHub：https://github.com/jbaysolutions/vue-grid-layoutGitHub星级：3.1k所有网格相关问题的简单解决方案。它具有静态、可调整大小和可拖动的小部件。或者可以恢复和序列化响应和布局。如果您需要再添加一个小部件，则不必重建所有网格。VueContentLoader创建一个占位符来加载Website:http://danilowoz.com/create-vue-content-loaderGitHub:https://github.com/egoist/vue-content-loaderGitHubStars:2k当我们开发一个网站或APP在遇到内容过多，加载速度慢时，会导致用户打开页面时出现大量空白页面。vue-content-loader是解决这个问题的组件，这样在加载内容之前生成一个dom模板，以提高用户体验。EchartswithVue2.0数据可视化网址：https://simonzhangiter.github.io/DataVisualization/#/dashboardGitHub：https://github.com/SimonZhangITer/DataVisualizationGitHubStars：1.3k图中可以看出是非常漂亮的图表。该项目使任何数据更具可读性，更易于理解和解释。它使我们能够轻松检测任何数据集中的趋势和模式。Vue.jsModal高度可定制的模态框网站：http://vue-js-modal.yev.io/GitHub：https://github.com/euvl/vue-js-modalGitHubStars：2.9k可在Checkoutall网站上不同类型的模式。共有15个按钮，按任意按钮可查看模态示例。VuesaxFrameworkComponents网址：https://lusaxweb.github.io/vuesax/GitHub：https://github.com/lusaxweb/vuesaxGitHubStars：3.7k该项目在社区中非常受欢迎。它允许我们为每个组件设计不同的样式。Vuesax的创建者强调，在网页设计方面，每个Web开发人员都应该有选择的自由。Vue2Animatevue2.0—使用animate.css构建项目和创建组件网站：https://the-allstars.com/vue2-animate/GitHub：https://github.com/asika32764/vue2-animateGitHubStars：1.1k这个库是跨浏览器的，我们可以从5种类型的动画中进行选择：旋转、滑动、淡入淡出、弹跳和缩放。网站上有演示。动画的默认时长是1秒，但是我们可以自定义这个参数。VuetensilsToolsetforVue.jsWebsite:https://vuetensils.stegosource.comGitHub:https://github.com/stegosource/vuetensilsGitHubStars:111这个UI库有一个标准的功能，但最酷的是它有没有额外的风格。您可以使设计尽可能个性化，满足您的所有需求。只需编写您需要的样式，将它们添加到您的项目中，并根据需要包含尽可能多的组件。
