前端工具:常用的Web前端ui框架汇总

elementui是最常用和最稳定的UI框架之一,那么除了elementui,还有哪些好用的框架呢?

图片[1]-前端工具:常用的Web前端ui框架汇总-森戈教程网

1.amazeui 中国首个开源 HTML5 跨屏前端框架

Amaze UI以移动优先为理念,从小屏逐步扩展到大屏,实现所有屏幕适配,迎合移动互联潮流。官网地址: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是一个企业级UI组件库和前端解决方案,为数万开发者提供服务。官网地址:https://www.iviewui.com/

6.Naive UI Vue3+TypeScript组件库

Naive UI是一个基于Vue3的组件库。全量使用TypeScript编写,并与你的TypeScript项目无缝衔接。拥有80多个组件,希望能减少你的代码量。官网地址: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开发所有前端应用的框架,开发者只需编写一套代码,即可发布到iOS、Android、Web(响应式)以及各种小程序(如微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。如果要开发微信小程序,uni-app与微信开发者文档搭配使用效果更佳。官网地址:https://uniapp.dcloud.net.cn/

以上是今天的分享,希望对大家有所帮助!

© 版权声明
THE END
万水千山都是情,相遇都是缘分,喜欢就支持一下小编吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容