【UI框架】前端开发常用开源的轻量级UI框架

1.FrozenUI

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

获取 FrozenUI

方式一：点击链接下载文件

https://github.com/frozenui/frozenui/archive/2.0.0.zip

方式二：在页面上引入样式文件（推荐）

<link rel="stylesheet" href="http://i.gtimg.cn/vipstyle/frozenui/2.0.0/css/frozen.css">

官网地址：https://frozenui.github.io/

github开源地址：https://github.com/frozenui/frozenui

2.Materialize

Materialize简化开发人员的开发并提升了用户体验。

你可以找到所有的版本的CDN在cdnjs.

  <!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">

  <!-- Compiled and minified JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>

官网地址：http://www.materializecss.cn

3.UIKit

一个轻量级的模块化前端框架，用于快速开发强大的Web界面。

所有UIkit版本的编译文件也都通过jsdelivr.com托管在jsDelivr内容分发网络上。

<!-- UIkit CSS -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/css/uikit.min.css" />
	
	<!-- UIkit JS -->
	<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.2/dist/js/uikit-icons.min.js"></script>

官网地址：https://www.uikitcss.com/

github地址：https://github.com/uikit/uikit