前端ui框架有哪些

elementui应该是大家用的最多的和最常见最稳定的ui框架,那么除了elementui还有哪些好用的框架呢?

1.amazeui(妹子 UI) 中国首个开源 HTML5 跨屏前端框架

Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
官网地址:
http://amazeui.shopxo.net/javascript/modal/

2.WeUI 适配于微信小程序的ui框架

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
官网地址:
https://weui.io/#button_default

3.MintUI 是基于Vue.js移动组件库

// 安装
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S


// 引入全部组件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);
// 按需引入部分组件
import { Cell, Checklist } from 'mint-ui';
Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

官网地址:
http://mint-ui.github.io/docs/#/

4.LayUI 兼容人类正在使用的全部浏览器(IE6/7 除外),可作为 Web 界面速成开发方案。

基于浏览器端原生态模式,面向全层次的前后端开发者,易上手且开源免费的 Web 界面组件库
官网地址:
https://layuion.com/docs/

5.iviewUI

基于Vue.js的一个UI框架,主要用PC端,组件比ElementUI更丰富。View Design基于 Vue.js 3 的企业级 UI 组件库和前端解决方案,
为数万开发者服务。
官网地址:
https://www.iviewui.com/

6.Naive UI Vue3+TypeScript组件库

Naive UI 是一个 Vue3 的组件库。全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。有超过 80 个组件,希望能帮你少写点代码。顺便一提,它们全都可以 treeshaking。尽力让它不要太慢。至少 select、tree、transfer、table、cascader 都可以用虚拟列表,整体使用感受还是很好的,全局配置化,减少很多无用代码。
官网地址:
https://www.naiveui.com/zh-CN/os-theme/docs/introduction

7.Ant Design Pro

一个由蚂蚁金服开源出来的企业级后台前端UI框架,目前有Vue和React等版本。使用感受:react版本比vue版本好用稳定,vue版本可能是改造的原因,用起来有一些不方便,包括tree的虚拟加载都没有更新,react版本比较丰富,这个组件推荐配合react使用。
vue版本官网地址:
https://2x.antdv.com/components/form-cn/
react版本官网地址:
https://ant.design/components/button-cn/

8.Ionic Native 基于AngularJS框架的Javascript UI框架

用于移动端开发,学习成本较高,版本好多,选择的时候需要慎重,各种适配的版本,Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些 UI 库在手机上运行缓慢的问题。
官网地址:
http://www.ionic.wang/native_doc-index.html

9.Uni-app

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,如果要做微信小程序uni-app配合微信开发者文档还是蛮香的,另一篇文章有具体入门进阶介绍。
官网地址:
https://uniapp.dcloud.net.cn/

10.mantine ui

ui框架内容很丰富。github star数高达15K(截止到我目前看到的数量哦),大体看了是可以多样化定义的,内容很丰富,支持面也很广,如果又需要特殊定制的样式可以去看看。
官网地址:
https://mantine.dev/core/checkbox/#states

你可能感兴趣的:(前端ui框架有哪些)