🚤适合后端程序员的前端框架

[YSGStudyHards]

前言

收录一些开箱即用、使用简单、界面美观、功能强大的前端框架，帮助我们后端程序员快速提高学习、工作开发效率（注意：排名不分先后，都是十分优秀的开源前端框架和项目💖）。

投稿格式

项目名称+项目地址

项目介绍。

[YSGStudyHards]

AdminLTE

AdminLTE是一个完全响应的管理模板。基于Bootstrap 4.6框架以及JS / jQuery插件。高度可定制且易于使用。适合从小型移动设备到大型台式机的多种屏幕分辨率。

[YSGStudyHards]

materialize

Materialize，一个基于Material Design的CSS框架

[YSGStudyHards]

layuimini

后台admin前端模板，基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架，无需复杂操作。

[YSGStudyHards]

vue-element-admin

vue-element-admin是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。

[YSGStudyHards]

Tabler

Tabler是免费的开源Bootstrap构建的HTML Dashboard UI套件

[YSGStudyHards]

vue-admin-beautiful

vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin，vue-admin-beautiful-pro主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护，同时支持电脑，手机，平板，切换分支查看不同的vue版本，element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

[YSGStudyHards]

Gentelella

Gentelella Admin是可免费使用的Bootstrap管理模板。该模板使用默认的Bootstrap 4样式以及各种功能强大的jQuery插件和工具来创建用于创建管理面板或后端仪表板的功能强大的框架。

[YSGStudyHards]

ngx-admin

基于Angular 10+的可定制管理仪表板模板。

[YSGStudyHards]

ant-design-pro

开箱即用的中台前端/设计解决方案。

[YSGStudyHards]

iview-admin

iView Admin是前端管理后台集成解决方案。它基于Vue.js并使用UI Toolkit iView。

[YSGStudyHards]

vue-typescript-admin-template

vue-typescript-admin-template是基于vue，typescript和UI Toolkit element-ui的管理界面的生产就绪前端解决方案。

[YSGStudyHards]

react-admin

react 后台管理系统解决方案。

[FilghtEveryDay]

Ant Design Vue Pro

这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。基于Vue框架集成的一个开箱即用的中台前端/设计解决方案。

[YSGStudyHards]

DataV

Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布)

[YSGStudyHards]

mometa

🛠 [Beta] 面向研发的低代码元编程，代码可视编辑，辅助编码工具

[YSGStudyHards]

element-plus

🎉Element 团队制作的 Vue.js 3 UI 库

[YSGStudyHards]

vue-vben-admin

一个基于Vite2、vue3.0、ant-design-vue 2.x、typescript，vuex、vue-router的vue3风格的Admin

[YSGStudyHards]

uni-app

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

[YSGStudyHards]

Lin UI

Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁，易用的设计规范。

[YSGStudyHards]

Ant Design Blazor

Ant Design Blazor是一套基于Ant Design和 Blazor的企业级组件库（喜欢Ant Design风格的同学推荐使用）。

[YSGStudyHards]

BootstrapBlazor

BootstrapBlazor是一套基于 Bootstrap 和 Blazor 的企业级组件库，可以认为是 Bootstrap 项目的 Blazor 版实现。基于 Bootstrap 样式库精心打造，并且额外增加了 100 多种常用的组件，为您快速开发项目带来非一般的感觉（喜欢Bootstrap风格的同学推荐使用）。

[YSGStudyHards]

MudBlazor

MudBlazor是一个基于Material Design的Blazor组件框架，注重易用性和清晰的结构。它非常适合想要快速构建Web应用程序的 .NET 开发人员，无需费力地处理 CSS 和 JavaScript。由于 MudBlazor 完全使用C#编写，因此您可以自由地调整、修复或扩展该框架。文档中有大量示例代码，使理解和学习 MudBlazor 非常容易。

[YSGStudyHards]

MatBlazor

MatBlazor是一套基于Material Design规范实现的Blazor和Razor通用组件库。

[YSGStudyHards]

Blazorise

Blazorise 是用于Blazor的 UI 组件库，支持使用Bootstrap、Tailwind、Bulma、Ant Design 和 Material 等 CSS 框架，可用于构建响应式的单页 Web 应用程序。

[YSGStudyHards]

Microsoft Fluent UI Blazor

Microsoft Fluent UI Blazor是一个基于Blazor的组件库，提供了一系列的UI组件以及Fluent UI的设计系统。该库可以帮助开发人员快速构建现代化的 Web 应用程序，并且与 Blazor 技术相结合，可以实现高效而灵活的单页应用程序开发。

[YSGStudyHards]

MASA.Blazor

基于Material设计规范和BlazorComponent的交互能力提供标准的基础组件库。提供如布局、弹框标准、Loading、全局异常处理等标准场景的预置组件。从更多实际场景出发，满足更多用户和场景的需求，最大的减少开发者的时间成本。缩短开发周期提高开发效率。

[YSGStudyHards]

BlazorStrap

BlazorStrap是一个基于 Bootstrap 的 Blazor 的 UI 组件库，BlazorStrap的组件也支持响应式布局、主题定制以及多语言支持等功能，可以帮助开发者快速搭建出美观、易用的 Web 应用程序。

[YSGStudyHards]

炫酷的大屏可视化开源项目

• big-screen-vue-datav
• react-big-screen
• 大屏数据展示模板
• 大数据可视化大屏模板
• SmartChart

[YSGStudyHards]

Radzen Blazor

Radzen Blazor 是一个包含70多个免费的原生 Blazor UI 组件的集合，其中包括 DataGrid、Scheduler、Charts 等功能强大的组件，并提供了丰富的主题样式，包括 Material Design 和 FluentUI。可以将 Radzen Blazor 视为一个用于构建 Blazor 应用程序的 UI 框架，它提供了一系列预构建的组件和工具，帮助开发人员快速搭建和定制自己的应用程序界面。

[YSGStudyHards]

Hplus(H+) 后台主题 UI 框架

Hplus(又名 H+) 原是一款商业 UI 框架，属于国内早期做中后台 UI 框架的产品，若依开源购买该软件的全部权益（包括但不限于软件的著作权、商标权、专利权等），采用 MIT 协议面向社区永久开源，免费商用。

[YSGStudyHards]

vue-next-admin

基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）。

[YSGStudyHards]

vue-admin-better

vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin，vue-admin-beautiful-pro主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护，同时支持电脑，手机，平板，切换分支查看不同的vue版本，element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)。

[YSGStudyHards]

vue-admin-arco

基于arco-design-pro-vue源码魔改而来，Arco Design 是一款由字节跳动出品的让人眼前一亮的 UI 库。

[YSGStudyHards]

Geeker Admin

Geeker Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件，在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。

[YSGStudyHards]

SCUI

SCUI 是一个中后台前端解决方案，基于VUE3和elementPlus实现。 使用最新的前端技术栈，提供各类实用的组件方便在业务开发时的调用，并且持续性的提供丰富的业务模板帮助你快速搭建企业级中后台前端任务。SCUI的宗旨是 让一切复杂的东西傻瓜化。

[YSGStudyHards]

amis

前端低代码框架，通过 JSON 配置就能生成各种页面。

[YSGStudyHards]

SoybeanAdmin

SoybeanAdmin是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。此外，它还采用了基于 ApiFox 的在线Mock数据方案。SoybeanAdmin 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。

[huanghanzhilian]

c-shopping

基于Nextjs开发同时适配Desktop、Tablet、Phone多种设备的精美购物平台。

[YSGStudyHards]

Arco Design Pro Vue

基于 Arco Design Vue组件库的开箱即用的中后台前端解决方案。Admin 中后台管理页面，创新的多架构方案。

[YSGStudyHards]

Arco Design Pro React

基于Arco Design React 组件库的开箱即用的中后台前端解决方案。Admin 中后台管理页面，创新的多架构方案。

[YSGStudyHards]

vue-pure-admin

vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。完全采用 ECMAScript 模块（ESM）规范来编写和组织代码，使用了最新的 Vue3、 Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发。

[YSGStudyHards]

Fantastic-admin

一款开箱即用的 Vue 中后台管理系统框架，支持多款 UI 组件库，兼容PC、移动端。vue-admin、vue-element-admin、vue后台， 后台系统，后台框架，管理后台，管理系统。

[YSGStudyHards]

avue-cli

基于 vue3 + vite + element plus + avue3 + vue-router + vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。

[YSGStudyHards]

TDesign Vue Next Starter

TDesign Vue Next Starter 是一个基于 TDesign，使用 Vue3、Vite、Pinia、TypeScript 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。

[YSGStudyHards]

V3 Admin Vite

V3 Admin Vite 是一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术。

[YSGStudyHards]

Geeker-Admin

Geeker-Admin 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件，在一定程度上提高您的开发效率。另外本项目还封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。

[YSGStudyHards]

D2Admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，使用最新的前端技术栈，小于 60kb 的本地首屏 js 加载，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。

[YSGStudyHards]

Naive Ui Admin

Naive Ui Admin 是一款 完全免费 且可商用的中后台解决方案，基于 Vue3.0 、Vite 、 Naive UI 和 TypeScript 。 它融合了最新的前端技术栈，提炼了典型的业务模型和页面，包括二次封装组件、动态菜单、权限校验等功能，助力快速搭建企业级中后台项目。

[YSGStudyHards]

vue-element-plus-admin

vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版。使用了最新的vue3，vite，TypeScript等主流技术开发，开箱即用的中后台前端解决方案，可以用来作为项目的启动模版，也可用于学习参考。并且时刻关注着最新技术动向，尽可能的第一时间更新。

[YSGStudyHards]

Vuestic Admin

Vuestic Admin 是一个开源的、即用型的管理模板套件，专为快速开发、易于维护和高可访问性而设计。基于 Vuestic UI、Vue 3、Vite、Pinia 和 Tailwind CSS 构建。

[qianmoQ]

View Shadcn UI

View Shadcn UI is a Vue3 component library built on Tailwind CSS.

[YSGStudyHards]

Art Design Pro

Art Design Pro是一款开源免费（基于MIT license开源协议）、美观实用的后台管理系统模版，专注于用户体验和快速开发的开源后台管理解决方案。基于 ElementPlus 设计规范，进行了视觉上的精心优化，提供更美观、更实用的前端界面，帮助你轻松构建高质量的后台系统。项目使用 Vue3、TypeScript、Vite 等最新技术栈，ElementPlus 组件库为您提供强大支持，覆盖 80% 的常用组件。