Shulou(Shulou.com)06/02 Report--

In this issue, the editor will bring you what are the Vue projects. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.

We know that during the interview now, if you have contributed an open source project on github or other open source websites, you can often get a lot of points.

Recently, I also pay more attention to Vue-related open source projects. I have collected some relatively "hot" Vue projects recently, and I also recommend them to you. Come and have a look!

Note: ranking in no particular order

1. Vue-admin-better

Current Stars:11066

Won Stars:300 this month.

Is a background management system, open source version supports free commercial, there are more than 40 single page, RBAC model + JWT permission control, good type definition, cross-platform PC, mobile phone, tablet, back-end routing dynamic rendering

Component library, Vue2 uses element-ui,Vue3 with element-plus and ant-design-vue, suitable for partners who are developing and want to use Vue + element-ui/element-plus/ant-design-vue

GitHub address: https://github.com/chuzhixin/vue-admin-better

2. Element-plus

Current Stars:13178

Won Stars:505 this month.

A UI component library of Vue3; anyone who knows Vue should know that element,element-plus is the Vue3 version of element

If you are interested in TS and Vue3, remember to check it out.

GitHub address: https://github.com/element-plus/element-plus

Document address: https://element-plus.gitee.io/zh-CN/

3. Ant-design-vue

Current Stars:15818

Won Stars:224 this month.

Like element-plus, ant-design-vue is a continuation of the well-known and older component library, and it is also one of the component libraries recommended by Youyuxi many times. it is the Vue implementation of Ant Design, the style of the component is synchronized with Ant Design, the html structure of the component is consistent with the css style, and the style 0 is really modified, and the component API is consistent as far as possible to support server rendering.

GitHub address: https://github.com/vueComponent/ant-design-vue/

Document address: https://next.antdv.com/docs/vue/introduce-cn/

4. Naive-ui-admin

Current Stars:1421

Won Stars:360 this month.

Similar to vue-admin-better,naive-ui-admin is a vue3+vite2+TS-based mid-background solution, it uses the latest front-end technology stack, and refines the typical business model, pages, including secondary packaging components, dynamic menus, permission verification, granulated access control and other functions, it can help you quickly build enterprise-level middle and background projects.

Is a new open source project. If you are interested in the latest technologies of vue3, vite2 and TS, you can try it.

GitHub address: https://github.com/jekip/naive-ui-admin

Preview address: https://naive-ui-admin.vercel.app/

5. Eladmin-web

Current Stars:3445

Won Stars:82 this month.

Eladmin front-end source code, the project is based on Spring Boot 2.1.0, Spring Boot Jpa, Spring Security, Redis, Vue front and back end separate background management system, access control uses RBAC, menu dynamic routing

Official document address of the eladmin project: https://el-admin.vip/

6. Element

Current Stars:51464

Won Stars:229 this month.

Needless to say, a well-known UI component library of Vue2

GitHub address: https://github.com/ElemeFE/element

Official document: https://element.eleme.cn/#/zh-CN

7. Homer

Current Stars:3594

Won Stars:329 this month.

A simple static website home page generator, which can be realized through a simple yaml configuration file

GitHub address: https://github.com/bastienwirtz/homer

8. UView2.0

Current Stars:233

Won Stars:142 this month.

UView2.0 is a multi-platform rapid development UI framework, fully compatible with nvue, native rendering, Android, iOS, WeChat Mini Programs, H5, QQ Mini Program, Baidu Mini Program, Alipay Mini Program, headlines Mini Program

GitHub address: https://github.com/umicro/uView2.0

Official document: https://uviewui.com

9. Vue-vben-admin

Current Stars:8200

Won Stars:513 this month.

The official is famous for its fast speed, which is actually based on Vue3+vite2+TS.

GitHub address: https://github.com/anncwb/vue-vben-admin

Preview address: https://vvbin.cn/next/

10. Vue3-composition-admin

Current Stars:1063

Won Stars:93 this month.

Vue3-composition-admin is a management-side template solution based on vue3,ts and element-plus. Projects are written in composition api style.

To learn more about the in-depth use of Vue3 composition api, you can take a look at

GitHub address: https://github.com/RainManGO/vue3-composition-admin

Online demo demo address: https://admin-tmpl-test.rencaiyoujia.cn/

11. Vue-element-admin

Current Stars:73242

Won Stars:755 this month.

The last project vue3-composition-admin is based on this vue-element-admin project implementation.

GitHub address: https://github.com/PanJiaChen/vue-element-admin

Online demo demo address: https://panjiachen.github.io/vue-element-admin/#/dashboard

12. Vue3-antd-admin

Current Stars:1166

Won Stars:144 this month.

Is a basic background management system based on vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript hooks template RBAC authority system, JSON Schema dynamic form, dynamic table, beautiful lock screen interface

GitHub address: https://github.com/buqiyuan/vue3-antd-admin

Preview address: http://buqiyuan.gitee.io/vue3-antd-admin/

13. Form-generator

Current Stars:5585

Won Stars:214 this month.

An Element UI form designer and code generator that can run the generated code directly in an Element-based vue project, or export JSON forms and use matching parsers to parse JSON into real forms

GitHub address: https://github.com/JakHuang/form-generator

Preview address: https://mrhj.gitee.io/form-generator/#/

14. Varlet

Current Stars:1682

Won Stars:298 this month.

It seems that the author was digging for blond text a few days ago, which is a Material design-style mobile component library based on Vue3, as mentioned by you Yuxi.

GitHub address: https://github.com/haoziqaq/varlet

Document address: https://varlet.gitee.io/varlet-ui/#/zh-CN/home

15. Sub-web

Current Stars:1670

Won Stars:141 this month.

Automatic configuration Generation based on vue-cli and tindy2013/subconverter back-end

GitHub address: https://github.com/CareyWang/sub-web

Display address: https://sub-web.netlify.app/

16. Vue2-manage

Current Stars:11375

Won Stars:103 this month.

This project is the background management system built by vue2 + element-ui and the management system of the background project node-elm. All the data are real data obtained from the server in real time, with real registration, login, management data, authority verification and other functions.

GitHub address: https://github.com/bailicangdu/vue2-manage

Display address: https://cangdu.org/manage/#/

17. Vue-pure-admin

Current Stars:1675

Won Stars:194 this month.

Vue-pure-admin is a free open source mid-background template, using the latest vue3 vite2 Element-Plus TypeScript and other mainstream technology development, out-of-the-box front-end solutions, with supporting videos, documentation and UI design

GitHub address: https://github.com/xiaoxian521/vue-pure-admin

Preview address: http://yiming_chang.gitee.io/manages

18. Vuejs / docs

Current Stars:1492

Won Stars:64 this month.

Is the core document of Vue3

GitHub address: https://github.com/vuejs/docs

Official website: https://v3.vuejs.org/

19. PicGo

Current Stars:15480

Won Stars:422 this month.

A tool for quickly uploading pictures and getting URL links to pictures. This should be no stranger.

GitHub address: https://github.com/Molunerfinn/PicGo

Document address: https://picgo.github.io/PicGo-Doc/zh/guide/

Official website: https://molunerfinn.com/PicGo/

20. Daisyui

Current Stars:6913

Won Stars:518 this month.

DaisyUI may be unfamiliar, but the Components,Tailwind CSS of Tailwind CSS is actually a DSL hosted in token list syntax (HTML class) to write style declarations equivalent to CSS/Sass/Less.

GitHub address: https://github.com/saadeghi/daisyui

Document address: https://daisyui.com/

Official website address: https://daisyui.com/

These are the Vue projects that the editor shares with you. If you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.