国内主流在用的10大后台UI框架,私活必备

简介:

前任何企业在开发的过程中,都摆脱不了管理后台的开发需要。

如果一切从0开始,费时费力,而且还存在很大失败的风险。对于国内很多互联网公司来说,不断追求敏捷,快速,一套免费可用UI框架成了必备工具。

小编收集了目前国内主流使用的10个后台UI框架,给各位同学参考一下,尽量不重复造轮子,排名不分先后,按需采用。
image

vue-Element-Admin
Github Star 53.5k, Github 名称:vue-element-admin

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

AdminLTE
Github Star 34.3k , Github 名称:AdminLTE

AdminLTE is a fully responsive administration template. Based on Bootstrap 4.4framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.

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

 image

ant-design-pro
Github Star 24.8k,Github 名称:ant-design-pro

Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业集中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践,也十分期待你的参与和共建。

这是蚂蚁金服开源出来的UI框架,目前有react版本,vue版本等,小编很喜欢这个,平时的私人工作或者学习也是用这个。

 image
tabler
Github Star 21.1k, Github 名称:tabler

官方:A premium and open source dashboard template with a responsive and high-quality UI.

翻译:具有响应式和高质量UI的高级开源开源仪表板模板。

这是基于Bootstrap4进行开发响应式的UI,只要求会HTML跟CSS的知识,即可进行开发,也是非常简单,目前还有react版本。
image

ng2-admin
Github Star 20.4k, Github 名称:ngx-admin

官方:Admin template based on Angular 9+ and Nebular

翻译:基于Angular 9+和Nebular的管理模板

这个也有人在用,不过只是比较少数,也挺好的
image

Gentelella
Github Star 19k, Github 名称:gentelella

官方:Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards.

Theme uses several libraries for charts, calendar, form validation, wizard style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications and much more.

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

Theme使用多个库来存储图表,日历,表单验证,向导样式界面,画布导航菜单,文本表单,日期范围,上载区域,表单自动完成功能,范围滑块,进度条,通知等。

image

iview-admin
Github Star 14.5k,Github 名称: iview-admin

官方:iView Admin is a front-end management background integration solution. It based on Vue.js and use the UI Toolkit iView.

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

image

blur-admin
Github Star 10.8k,Github 名称:blur-admin

这个跟前面的差不过,不过是基于Angular2的版本,对于Angular的不同版本,各位同学在学习的时候要多花点心思,版本之间的兼容需要多费点劲。
image

vue-admin
Github Star 9.5k,Github 名称:vue-admin,master分支

很漂亮的界面,小编个人非常喜欢这种界面,看起来比较柔和一点,由Vue 2.0和Bulma 0.3提供支持,灵敏灵活的盒子布局,各种图表,丰富的组件或参见vue-bulma,基于很棒的第三方库

 image

material-dashboard
Github Star 9k,Github 名称:material-dashboard

官方:Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

 

翻译:Material Dashboard是一个免费的Material Bootstrap管理员,其灵感来自Google的Material Design,采用新颖的设计。我们很高兴通过易于使用和精美的组件介绍我们对材料概念的理解。Material Dashboard是基于流行的Bootstrap框架构建的,它带有几个经过重新设计以适合其余元素的第三方插件。
image

目前,这是收集国内经常使用的10个UI框架,希望能帮到各位同学,在做选择的时候,尽可能不重复造轮子,在存在的基础上进行UI优化。目前小编自己用的是antd的vue版本,主要是个人喜欢那种色调,不带任何技术想法。
原文地址
 

相关文章
|
15天前
|
存储 JavaScript 开发者
探索鸿蒙新世界:ArkUI框架实战指南,解锁HarmonyOS应用UI设计的无限可能!
【10月更文挑战第19天】ArkUI框架是华为鸿蒙系统中用于开发用户界面的核心工具,支持ArkTS和eTS两种开发语言。本文介绍了ArkUI的基本概念、组件使用、布局管理和状态管理,通过示例代码帮助开发者轻松构建美观、高效的跨设备UI。
51 3
|
4天前
|
Rust JavaScript 前端开发
ES6 awaitRust UI 框架
ES6 awaitRust UI 框架
|
4天前
|
前端开发 JavaScript
electron ui框架
Electron是一个使用JavaScript, HTML和CSS等前端技术构建跨平台桌面应用程序的框架。
13 0
|
2天前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
15 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
8天前
|
前端开发 JavaScript
Bootstrap Web 前端 UI 框架
Bootstrap 是快速开发 Web 应用程序的前端工具包。
22 3
|
14天前
|
开发框架 人工智能 小程序
小程序常见的 UI 框架
【10月更文挑战第17天】小程序 UI 框架为开发者提供了便捷的工具和资源,帮助他们快速构建高质量的小程序界面。在选择框架时,需要综合考虑各种因素,以找到最适合项目的解决方案。随着技术的不断进步,UI 框架也将不断发展和创新,为小程序开发带来更多的便利和可能性。
26 2
|
22天前
|
缓存 测试技术 C#
使用Radzen Blazor组件库开发的基于ABP框架炫酷UI主题
【10月更文挑战第20天】本文介绍了使用 Radzen Blazor 组件库开发基于 ABP 框架的炫酷 UI 主题的步骤。从准备工作、引入组件库、设计主题、集成到 ABP 框架,再到优化和调试,详细讲解了每个环节的关键点和注意事项。通过这些步骤,你可以打造出高性能、高颜值的应用程序界面。
|
4天前
|
Rust 自然语言处理 API
|
28天前
|
前端开发 开发者 UED
UI 框架:nav-ui&uni-ui&vant
本文档介绍了`nav-ui`、`uni-ui`和`vant`三个UI库的基本使用方法,包括图标、表格和树的使用示例,以及如何在项目中安装和配置这些UI组件。对于`nav-ui`,详细说明了图标组件的安装与使用,包括本地图标和第三方图标库的集成方式。`uni-ui`部分则重点讲解了CSS的使用方法。最后,`vant`部分提供了从项目创建到组件安装的具体步骤,以及如何将下载的组件正确地集成到项目中。
|
28天前
|
前端开发 JavaScript 开发者
UI 框架:element-ui(二)
在当今快速发展的前端开发领域,用户界面的设计和交互体验日益成为软件成功的关键因素之一。Element UI,作为一款基于Vue.js的组件库,以其精美的界面和丰富的功能受到了广泛的关注与应用。它为开发者提供了一整套高质量的组件,帮助他们快速构建具有现代感的应用程序。 Element UI不仅注重美观的设计,还提供了良好的文档支持和社区活跃度,使得开发者能够轻松上手并解决实施过程中的各种问题。在这篇文章中,我们将深入探讨Element UI的基本特点、安装步骤,以及如何利用其强大的组件系统高效地构建用户友好的界面。无论您是初学者还是有经验的开发者,这篇文章都将为您开辟一条通向更高效开发的道路。