在前端项目开发过程中,现在很少有人会使用原生的CSS来搭建页面,总归都会引入一些前端UI框架以减少代码的书写。一般为了方便自己的使用,很多大公司都有自己的一套UI框架,同时也会把其开源出来。下面就是最近经常使用并且很流行的一些前端UI框架,总有一款适合你:

Mint UI

Mint UI

Mint UI是饿了么团队开发的基于Vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。
官网:https://mint-ui.github.io/#!/zh-cn
Github: https://github.com/ElemeFE/mint-ui/

WeUI

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

官网地址:https://weui.io/
Github: https://github.com/weui/weui.git

Cube-ui

Cube-ui

Cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

官网地址:https://didi.github.io/cube-ui/#/zh-CN
Github: https://github.com/didi/cube-ui/

iView UI

iView UI

iView UI是一个强大的UI库,基于vue,有很多实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间。

官网地址:https://www.iviewui.com
Github: https://github.com/TalkingData/iview-weapp

LayUI

LayUI

LayUI是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

官网地址:https://www.layui.com
Github: https://github.com/sentsin/layui/

ElementUI

ElementUI

Element是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。 主要用于开发PC端的页面,是一个质量比较高的Vue UI组件库。

官网地址:http://element-cn.eleme.io/#/zh-CN
Github: https://github.com/ElementUI/element-starter

at-ui

at-ui

at-ui 是一款阿里团队创建的基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。 它提供了一套 npm + webpack + babel 前端开发工作流程,CSS 样式独立,即使采用不同的框架实现都能保持统一的 UI 风格。

官网:https://at-ui.github.io/at-ui/#/zh
Github: https://github.com/at-ui/at-ui/issues

amaze UI

amaze UI

Amaze UI 是一个移动优先的跨屏前端框架。提供基础样式,网格,表格、表单、按钮及常用组件样式。是一个轻量级(所有 CSS 和 JS gzip 后 100 kB 左右)、 Mobile first 的前端框架

官网地址:http://amazeui.org/
Github: https://github.com/zordius/lightncandy

Vant UI

Vant UI

Vant UI是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。

官网地址:https://youzan.github.io/vant/#/zh-CN/intro
Github: https://github.com/youzan/vant

Flutter

Flutter

Flutter 是谷歌的移动端 UI 框架,可在极短的时间内构建 Android 和 iOS 上高质量的原生级应用。 Flutter 可与现有代码一起工作, 它被世界各地的开发者和组织使用, 并且 Flutter 是免费和开源的.

官网:http://doc.flutter-dev.cn
Github: https://github.com/flutter/flutter

ionic

Ionic既是一个CSS框架也是一个Javascript UI库,Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。

官网:http://www.ionic.wang/js_doc-index.html

element ui点击按钮弹出款_前端猿应该知道的十大最流行的前端UI框架相关推荐

  1. 微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮 弹出底部上拉菜单功能示例...

    本文实例讲述了微信小程序实现的点击按钮 弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消 提示:您选择了菜单{ ...

  2. jsp点击按钮弹出输入框_按键精灵UI界面的输入框原来是这样使用的

    金猪脚本(原飞猪脚本)以按键精灵教学为主,涉及UiBot,Python,Lua等脚本编程语言,教学包括全自动办公脚本,游戏辅助脚本,引流脚本,网页脚本,安卓脚本,IOS脚本,注册脚本,点赞脚本,阅读脚 ...

  3. html点击按钮弹出窗口_电脑桌面总是弹出广告怎么办?教你2种方法,轻松解决...

    平常我们在使用电脑时,总会出现很多的弹窗广告,点关闭按钮直接就进入了广告,每次都要浪费时间来关闭广告页面,非常的烦人. 不过最近小编发现了关闭电脑广告弹窗的方法,我们一起来看一看吧! 一.启用弹出窗口 ...

  4. 微信小程序点击按钮弹出弹窗_转载 | 广东大学生就业创业微信小程序操作流程详解(一)...

    广东大学生就业创业微信小程序 操作流程详解(一) 转眼来到10月,炎炎夏日也阻挡不了青春的忙碌,同学萌走出校园,迈向社会. 在这段时间,同学们不仅要准备毕业论文,应对毕业答辩,还需要兼顾各种毕业手续的 ...

  5. 微信小程序点击按钮弹出弹窗_微信小程序自定义弹窗(可通用)

    本文为自定义弹窗,该内容可满足如下需求: 自定义各种布局弹窗. 点击弹窗布局外消失弹窗 弹出弹窗时背景阴影半透明 各方向弹出效果(本文为自下而上弹出). (后续可能会补充新需求,或可以留言讨论你的需求 ...

  6. 微信小程序点击按钮弹出弹窗_微信小程序开发弹出框实现方法

    本文主要和大家分享微信小程序开发弹出框实现方法,本文所分享的代码很清晰,希望能帮助到大家. 消息提示框 模态弹窗 操作菜单 1.消息提示--wx.showToast(OBJECT) //show.js ...

  7. 微信小程序点击按钮弹出弹窗_微信小程序点击按钮 弹出底部上拉菜单

    小程序底部弹出菜单操作.gif html //index.wxml 弹出action sheet {{item.txt}} 取消 提示:您选择了菜单{{menu}} js //index.js Pag ...

  8. 微信小程序点击按钮弹出弹窗_微信小程序带图片弹窗简单实现

    怎样实现一个带图片显示的模态视图弹窗呢?有时候我们的确有这个需求,自己实现?不不不,哪有官方的方便! 使用官方组件实现图片模态弹窗 下面我来介绍一种使用官方组件就能实现的方法: (PS:最近发现一个问 ...

  9. HTML点击按钮弹出对话框(仅代码)

    HTML点击按钮弹出对话框的代码(整个网页): <!doctype html> <html> <head><title>无标题文档</title& ...

最新文章

  1. cuda-Block和Grid设定
  2. 第五节:泛型(泛型类、接口、方法、委托、泛型约束、泛型缓存、逆变和协变)
  3. java实验泛型与容器总结_【Java心得总结三】Java泛型上——初识泛型
  4. git push 使用总结
  5. 【十二】Jmeter:“CSV 数据文件设置”参数化请求出现中文乱码
  6. 事物(三)之服务端事务匹配请求
  7. bootstraptable 一条数据跨行_据说它是唐山市拥有奶茶店最多的一条街,你一定也逛过!...
  8. 偏相关分析在python上的实现(支持栅格数据)
  9. java计算机毕业设计运动会管理系统源码+mysql数据库+系统+lw文档+部署
  10. html网页制作把文字放在右边,网页滚动文字的制作HTML代码
  11. 【Scratch】青少年蓝桥杯_每日一题_3.01_画莲花
  12. 【光通信】布线时,什么情况用单模光纤,什么情况用多模光纤
  13. Java实现仿win10计算器——微升级版
  14. vm使用PE安装系统(2)
  15. 按某一列统计重复数据,并获取对应行数据
  16. csgo显示服务器ip,csgo国服躲猫猫IP地址大全及介绍
  17. python田忌赛马
  18. 收藏了4年的android app源码下载
  19. 为什么罗鹂选择了池海东——顺道自我反省
  20. 全栈开发实战 | SSM框架整合完整教程

热门文章

  1. pyspark DataFrame 转RDD
  2. NTU课程笔记 MAS714(2) Big-O notations
  3. 文巾解题 784. 字母大小写全排列
  4. 生物计算论文笔记1:The construction of next-generationmatrices for compartmentalepidemic models
  5. python库整理:os
  6. Flink从入门到精通100篇(二十)-跨境电商 Shopee 的实时数仓之路
  7. Hadoop学习之MapReduce(一)
  8. spaCy教程(翻译自官网)
  9. What type of NoSQL database is best suited to store hierarchical data?【转】
  10. 大数据查询——HBase读写设计与实践--转