Web前端UI开源框架小汇总

编程入门行业动态更新时间:2024-10-26 15:23:02

文章目录

1. Cube UI2. Mint UI3. YDUI Touch5.Vant 5. Muse-UI6. ZUI 7. SUI8. iView9. Element10. Ionic11. FrozenUI12. AT-UI13. OnsenUI13. OnsenUI

看vue的时候有用到Mint UI、cube-ui这两个UI框架，今天无意间get到好多新的东西，汇总到一起，自己以后看着也方便。其实吧在开发中，适时地使用一些框架，对于我们日常的开发，可以说是事半功倍。

在前端项目开发过程中，总是会引入一些UI框架，已为方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近经常使用并且很流行的UI框架。

1. Cube UI

cube-ui 是基于 Vue.js 实现的精致移动端组件库。cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。话不多说，上图：

用法很详细，快速上手，手机端用到的组件几乎都有：
官网地址：didi.github.io/cube-ui/#/zh-CN

GitHub地址：github./didi/cube-ui

2. Mint UI

Mint UI也是基于 Vue.js 的移动端组件库。Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。

继续上图：

官网地址：mint-ui.github.io/#!/zh-

GitHub地址：github./ElemeFE/mint-ui/

3. YDUI Touch

YDUI Touch - 专属移动端UI&微信UI。

继续上图：
官方网址：ydui./

5.Vant

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

官方地址：youzan.github.io/vant/#/zh-CN/intro

5. Muse-UI

官方网址： muse-ui./#/zh-CN/installation

6. ZUI

ZUI - 开源HTML5跨屏框架

这上面的样以及颜色搭配都瞧好看的，对于页面写得丑的我。。。。。甚是喜欢

官方地址： zui.sexy/

GitHub地址：github./easysoft/zui

7. SUI

官方网址： sui.taobao./sui/docs/

GitHub地址： github./sdc-alibaba/sui

8. iView

官方网址：v1.iviewui./

GitHub地址： github./iview/iview

9. Element

官方网址：element.eleme./#/zh-CN

10. Ionic

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

官网： ionic.wang/js_doc-index.html

11. FrozenUI

FrozenUI 是一套基于移动端的UI库。它非常轻量、精美，遵从手机QQ设计规范，提供了表单、对话框、列表等常用组件。此外，FrozenUI还提供文字截断、1px边框、rem、两端留白等常用场景的解决方案。CSS做得更模块化和颗粒化，使用sass编写CSS代码，你完全可以按照实际情况按需加载,目前全面应用在腾讯手Q增值业务中.

官方地址: frozenui.github.io/