Front-end out-of-the-box middle and background management templates, recommended collection

Out-of-the-box middle and background management templates, recommended for collection!

Today, I would like to recommend several out-of-the-box middle and background management templates!

View Item Admin

vue-element-admin is a back-end front-end solution based on vue2 and element-ui . It uses the latest front-end technology stack, built-in i18n internationalization solutions, dynamic routing, authority verification, refines typical business models, and provides rich functional components. It can help you quickly build enterprise-level mid-background product prototypes.

Github（⭐️77.5k）：https://github.com/PanJiaChen/vue-element-admin

Ant Design Pro

Ant Design Pro is a complete set of enterprise-level mid-backend front-end/design solutions based on the packages of react, Ant Design and umi. It is committed to continuing to build upwards on the basis of design specifications and basic components, and extracts typical templates / business components / Supporting design resources to further enhance the experience of users and designers in the process of enterprise-level mid- and back-end product design and development.

The features of Ant Design Pro are as follows:

• TypeScript : The language for application-level JavaScript

• Blocks : quickly build pages through block templates

• Elegant and beautiful : carefully designed based on the Ant Design system

• Common design patterns : extracted from typical pages and scenarios of mid- and back-end applications

• The latest technology stack : developed using front-end cutting-edge technologies such as React/umi/dva/antd

• Responsive : Designed for different screen sizes

• Theme : Configurable themes to meet diverse brand demands

• Internationalization : Built-in internationalization solutions commonly used in the industry

• Best Practices : Good engineering practices help you consistently produce high-quality code

• Mock data : a practical local data debugging solution

• UI testing : Automated testing ensures the quality of front-end products

Github（⭐️32.5k）：https://github.com/ant-design/ant-design-pro

React Admin

React Admin is a front-end framework for building management applications running in browsers based on React17.x , Ant Design4.x , and Material Design on top of REST/GraphQL API.

Github（⭐️20.2k）：https://github.com/marmelab/react-admin

iView Admin

iView-admin is one of the members of the iView ecosystem. It is a front-end solution for the background management system based on Vue2 and iView , which adopts the development mode of front-end and back-end separation. It has built-in logic functions commonly used in the development of background management systems and out-of-the-box business components, aiming to allow developers to develop background management systems at the lowest cost and reduce the amount of development.

Github（⭐️16.1k）：https://github.com/iview/iview-admin

Vue Manage System

Vue Manage System is a background management system solution. As a set of multifunctional background framework templates, it is suitable for most of the background management system (Web Management System) development. Based on Vue3 + pinia , the Element Plus component library is used to facilitate the development of fast, concise and beautiful components. Separate color styles, support manual switching of theme colors, and it is very convenient to use custom theme colors.

Github（⭐️15.4k）：https://github.com/lin-xin/vue-manage-system

Admin in Vue v

Vue Vben Admin is a free and open source mid-backend template. Using the latest vue3 , vite2 , TypeScript , ant-design-vue and other mainstream technologies to develop out-of-the-box mid-background and front-end solutions. Its characteristics are as follows:

• The latest technology stack : developed using front-end cutting-edge technologies such as Vue3/vite2

• TypeScript : The language for application-level JavaScript

• Themes : configurable themes

• Internationalization : Built-in perfect internationalization solution

• Mock data Built-in mock data scheme

• Permission Built-in perfect dynamic routing permission generation scheme

• Components Secondary packaging of multiple commonly used components

Github（⭐️13k）：https://github.com/vbenjs/vue-vben-admin

Vue Admin Better

vue-admin-better is a middle-backend front-end framework based on vue3+element-plus. Its characteristics are as follows:

• 40+ high-quality single pages

• RBAC model + JWT permission control

• 100,000+ Project Practical Applications

• good type definition

• The open source version supports free commercial use

• Cross-platform PC, mobile phone, tablet

• Dynamic rendering of backend routes

Github（⭐️12.6k）：https://github.com/chuzhixin/vue-admin-better

D2Admin

D2Admin is a completely open source and free front-end integration solution for enterprise mid-backend products, vue2 , local first-screen js loading less than 60kb, most of the pre-preparation work for the project has been done, and a large number of sample codes are provided to help the agile development of the management system.

Github（⭐️11.6k）：https://github.com/d2-projects/d2-admin

AntD Admin

AntD Admin is an excellent middle-background front-end solution. react , ant-design , its characteristics are as follows:

• Internationalization, the translation field is extracted from the source code, and language packs are loaded on demand

• Dynamic permissions, different permissions correspond to different menus

• Elegant and beautiful, Ant Design design system

• Mock data, local data debugging

Github（⭐️9k）：https://github.com/zuiidea/antd-admin

Vuestic Admin

Vuestic Admin is a set of free and beautiful **Vue.js (3.x)** admin templates, built with Vuestic UI , containing more than 44 custom UI components.

Github（⭐️8.8k）：https://github.com/epicmaxco/vuestic-admin

Vue Pure Admin

vue-pure-admin is a free and open source mid-backend template. Developed using the latest Vue3, Vite2, Element-Plus, TypeScript and other mainstream technologies, it is an out-of-the-box mid-background and front-end solution.

Github（⭐️3.2k）：https://github.com/xiaoxian521/vue-pure-admin

Vue Antd Admin

Vue Antd Admin is the Vue2 implementation version of Ant Design Pro , an out-of-the-box mid-backend front-end/design solution.

Github（⭐️3.1k）：https://github.com/iczer/vue-antd-admin

Geeker Admin

Geeker Admin is a set of background management templates based on Vue3.2, TypeScript, Vite2, Pinia, Element-Plus open source.

Github（⭐️1.8k）：https://github.com/HalseySpicy/Geeker-Admin

Soybean Admin

Soybean Admin is a fresh and elegant mid-background template based on Vue3, Vite3, TypeScript, Naive UI and UnoCSS. It uses the latest front-end technology stack, built-in rich theme configuration, has a very high code specification, and is dynamic based on mock Permission routing, an out-of-the-box mid-background front-end solution.

Github (⭐️1.2k) : https://github.com/honghuangdc/soybean-admin

View admin box

vue-admin-box is a free and open source mid-backend management system template. Developed using the latest version of vue3+Vuex+vite+element-plus , the purpose is to solve the complex configuration of the background system in the general business.

Github（⭐️880）：https://github.com/cmdparkour/vue-admin-box

Vue3.0 Template Admin

vue3.0-template-admin is based on vue3+Vuex+ElementPlus+Typescript+Vite to build a set of general background management templates; based on common business scenarios, it abstracts common functional components; including dynamic menus, menu permissions, login, theme switching , internationalization, personal center, form page, list page, copy text, QR code sharing, etc.

Github (⭐️760) : https://github.com/GeekQiaQia/vue3.0-template-admin

TDesign Starter (Tencent)

• Theme configuration
  Based on the theme configuration capability of the TDesign component library, Starter provides the ability to switch theme colors online to meet the style customization needs of the business side.
• Out of the box, supporting
  data Mock, project construction packaging and code format specification, support pulling code through CLI tools, and directly developing, no longer repeating labor for trivial configuration.
• Out of the box
  , it supports flexible adjustment of the structural layout of various types of pages and modules under different screen devices, quickly creating the ultimate user product experience.
  
• Vue2 version
  Github (⭐️211) : https://github.com/Tencent/tdesign-vue-starter
• Vue3 version
  Github (⭐️220) : https://github.com/tencent/tdesign-vue-next-starter
• React version
  Github (⭐️127) : https://github.com/Tencent/tdesign-react-starter