Up to now, the number of Vue stars on GitHub has reached 152601, and there are many Vue friends like me who don’t Star often. Vue is friendly enough to get more front-end enthusiasts involved, and open source projects are useful for programmers. You can learn by reading code and building on existing projects, because if you want to improve your Vue development skills, it’s worth taking the time to learn about open source projects. Today I recommend 10 Vue open source projects, although not the most popular open source projects, star number even only double digits, but the practicality is relatively strong.

Prettier

This is a code formatter, supports multiple languages, integrates with most editors (Atom, Emacs, Visual Studio, Web Storm, etc.), updates in real time, can be used with JavaScript, CSS, HTML, GraphQL, etc.), Save a lot of time and effort spent on code formatting. Vue files are now supported

Website: prettier. IO

Presentation: prettier. IO/playground /

GitHub:github.com/prettier/pr…

Making Stars: u 34500

Vuetify

Vuetify is a Vue UI library that contains beautifully handmade Material Components. It complies with the Google Material Design guidelines, combines all the best of vue.js and Material, and is compatible with RTL and Vue CLI3, making it possible to build more interactive and engaging projects.

Website: vuetifyjs.com/en/

Making: github.com/vuetifyjs/v…

Making Stars: u 22600

iView

IView is a set of high quality UI component library based on vue.js, reliable documentation is one of the big advantages, used to quickly build Web projects, relatively friendly API better serve Vue friends, has been updated to version 4.0

Website: iviewui.com/

GitHub: github.com/iview/iview

Making Stars: u 22777

CSSFX

This is a very original design, each effect is fluid, simple and easy to use. Let the majority of Vue friends quickly use the relevant button dynamic effect, so that the Web presentation is more rich. Can respond to business needs, but also self-improvement. Website: cssfx.dev GitHub: github.com/jolaleye/cs… Making Stars: u 5224

uiGradients

This is a CSS implementation of the linear gradient effect collection, preview each effect can be copied source code out of the box. Address: uigradients.com/

Lot: https://github.com/ghosh/uiGradients

Painted making star: 4523

Handsontable

Handsontable is a JavaScript data grid component for Web applications. Support all standard operations, add, delete, change, and filter sorting, can be customized. Works with pure JavaScript, React, Vue, and Angular. Website: handsontable.com

Making: github.com/handsontabl…

Making Stars: u 12857

SheetJS

SheetJS is a JS library to help manipulate the data stored in Excel files. It supports every Excel file format with powerful features and excellent compatibility. You can export Excel or any OTHER HTML form on the pure Web without server scripting. Full control by the front end, derivative data no longer need to see the back end brother face.

Website: sheetjs.com/

Presentation: sheetjs.com/demos

Making: github.com/SheetJS/js-…

Making Stars: u 18691

Vue Material

Vue UI library one of the common Vue UI library, simple, lightweight, completely in accordance with the Google Material Design specifications built. Includes dynamic themes, on-demand components, and all easy-to-use apis.

Website: vuematerial. IO

Making: github.com/vuematerial…

Making Stars: u 8376

vueOrgChart

Pure front-end does not need to install any Web server or database, ICONS can be directly edited in Excel or HTML, after learning how to customize the build Settings, you can DIY chart

Presentation: hoogkamer. Making. IO/vue – org – cha…

Making: github.com/Hoogkamer/v…

Making Stars: u 78

Faviator

This is a simple icon generator, through custom configuration parameters, select icon format, generate corresponding JPG, PNG, SVG format. You can also use Google Fonts to select the font icon, for small companies without UI design, is a quick solution to the icon problem, of course, Ali Iconfont is also very useful… (Admittedly)

Website: www.faviator.xyz

Presentation: www.faviator.xyz/playground

Making: github.com/faviator/fa…

Making Stars: u 90

If you find this article inspiring and want to see more front-end dry goods, you can scan the code to follow our wechat official account.