Recommend 20 recent “hot” Vue projects (worth collecting)

This article will share with you 20 recent "hot" Vue projects for front-end workers. Collection equals learning. I hope it will be helpful to everyone.

We know that in interviews now, if you have contributed to open source projects on github or other open source websites, you can often get a lot of extra points

I have also been paying more attention to Vue related open source projects recently. I have collected some Vue projects that have been relatively "hot" recently, and I also recommend them to everyone. Let's take a look! [Related recommendations: vue.js tutorial]

Note: Listed in no particular order

1. vue-admin-better

CurrentlyStars:11066

This month’s Stars:300

is one Backend management system, open source version supports free commercial use, has 40 multiple single pages, RBAC modelJWT Permission control, good type definition, cross-platformPC, mobile phone, tablet, back-end routing dynamic rendering

component library, Vue2 uses element-ui, Vue3There are element-plus and ant-design-vue, suitable for partners who are developing or want to use Vue element-ui/element-plus/ant-design-vue

GitHubAddress: https://github.com/chuzhixin/vue-admin-better

2. element-plus

CurrentlyStars:13178

This month’s Stars:505

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

If you are interested in TS and Vue3If you are interested, 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

Currently Stars：15818

This month’s Stars：224

ant- design-vue is the same as element-plus. It is a relatively well-known and older component library that has been continued. It is also one of the component libraries recommended by You Yuxi many times. It is Ant Design 's Vue implementation, the component style is synchronized with Ant Design, the component's html structure and css style are also Keep it consistent, truly modify the style0, and try to keep the componentAPI as consistent as possible, support server-side rendering

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

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

4. naive-ui-admin

CurrentlyStars: 1421

This month’s Stars: 360

Similar to vue-admin-better, naive-ui-admin is a mid- and back-end solution based on vue3 vite2 TS, which uses the latest front-end technology stack. It also refines typical business models and pages, including secondary encapsulation components, dynamic menus, permission verification, granular permission control and other functions. It can help you quickly build enterprise-level middle and back-end projects

is a new Open source projects, if you are interested in the latest technologies of vue3, vite2 and TS, you can try the

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

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

5. eladmin-web

CurrentlyStars:3445

Winning Stars this month: 82

eladmin’s front-end source code, this project is based on Spring Boot 2.1. 0, Spring Boot Jpa, Spring Security, Redis, Vue's front-end and back-end separation background management system, permission control adopts RBAC, menu dynamic routing

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

6. element

CurrentlyStars:51464

This month’s Stars:229

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

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

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

##7 . homer

Currently

Stars:3594

Stars won this month:329

A simple static website homepage generator can be realized through a simple

yaml configuration file

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

##8. uView2.0

Currently

Stars

:233This month’s

Stars

: 142

uView2.0

is rapidly developed on multiple platforms UI framework, fully compatible with nvue, native rendering, compatible with Android, iOS, WeChat applet, H5, QQ Mini Program, Baidu Mini Program, Alipay Mini Program, Toutiao Mini Program

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

Official documentation: https://uviewui.com

9. vue-vben-admin

Currently

Stars

：8200This month’s

Stars

：513Officially known for its speed, it 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

Currently

Stars

:1063This month’s

Stars

: 93

vue3-composition-admin

is a management-side template solution, which is based on vue3,ts and element-plus, the projects are all written in the composition api styleIf you want to understand the in-depth use of

Vue3 composition api

, you can go and see See

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

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

##11. vue-element-admin

CurrentlyStars

:

73242This month’s Stars

:

755Previous projectvue3-composition-admin

It is based on this

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

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

##12. vue3-antd- admin

CurrentlyStars:

1166

Stars won this month:

144

is based on vue-cli5.x/

vite2.x

vue3.x ant-design-vue3.x typescript hooks Basic background management system templateRBACPermission system, JSON SchemaDynamic 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

CurrentlyStars:

5585

Earned Stars this month:

214

<p>A <code>Element UI form design and code generator that can run the generated code directly in vue projects based on Element; it can also be exportedJSON form, use the matching parser to parse JSON into a real form

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

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

14. varlet

CurrentlyStars:1682

This month’s Stars:298

It seems that I saw the author digging for gold text a few days ago. It is a Material design style mobile component library based on Vue3. You Yuxi mentioned it

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

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

##15. sub-web

Currently

Stars： 1670

Winning

Stars this month: 141

Based on

vue-cli and tindy2013/ subconverterThe configuration of the back-end implementation is automatically generated

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

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

16. vue2-manage

Currently

Stars ：11375

This month’s #Stars

：103This project is a backend management system built by vue2 element-ui , is the management system of the backend project node-elm. All data is real data obtained from the server in real time, with real registration, login, data management, permission verification and other functions

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

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

17. vue-pure-admin

Currently

Stars

:1675Received

Stars this month

：194

vue-pure-admin

is a free and open source middle and backend template that uses the latest vue3 vite2 Element-Plus TypeScript and other mainstream technology development, out-of-the-box mid-end, back-end and front-end solutions, with supporting videos, documents and UI design

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

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

##18. vuejs / docs

CurrentlyStars

:

1492Stars

won this month:

64 is the core document of Vue3

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

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

19. PicGo

CurrentlyStars

:

15480This month’s Stars

:

422A URL for quickly uploading pictures and getting pictures

Linked tools, this should be familiar too

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

CurrentlyStars:

6913

This month’s Stars:

518

##daisyUI may be unfamiliar, it is the Components of

Tailwind CSS

, Tailwind CSS is actually a DSL carried by token list syntax (HTML class), used to write Style declaration equivalent to CSS/Sass/LessGitHub address: https://github.com/saadeghi/daisyuiDocument address: https ://daisyui.com/

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

THE END

For more programming-related knowledge, please visit: Programming Video! !

The above is the detailed content of Recommend 20 recent “hot” Vue projects (worth collecting). For more information, please follow other related articles on the PHP Chinese website!