有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架

Posted 2023-03-27

1）Twitter Bootstrap

Bootstrap是最流行的html5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件，如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。

2）HTML5 Boilerplate

HTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。

3）Foundation

Foundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站

4）UIKit

UIKit是一款轻量级，模块化的前端框架，可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件，使用和定制都很方便。

5）HTML5 KickStart

HTML5 KickStart有着精简的HTML5、CSS和JS的构建模块，支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等

6）Gumby

Gumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制：这和下载、调整、部署一样简单！Gumby2建立在Sass的基础上。

7）Skeleton

Skeleton简单又友好，可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合，能让你快速开发出任意大小的网站。

8）Groundwork

Groundwork是一款响应HTML5、CSS和javascript的框架，拥有如网格系统，高度可定制化，响应式文本等等功能。

9）Base

Base是一款基于语义的、轻量级的和可扩展的框架，可用于快速创建响应式站点。

10）Montage

Montage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板，声明组件模型，声明数据绑定等功能。

11）Layers CSS

Layers CSS是轻量级的CSS框架，它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类，以支持响应式布局。

12）52Framework

52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页，同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件，如HTML5视频播放器，圆角，HTML5画布例子，HTML5表单验证等等等等。

13）CreateJS

CreateJS是一系列模块化的库和工具，经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频，对象管理，渐变等功能。CreateJS套件包括：EaselJS，TweenJS，SoundJS，PreloadJS和Zoe。

14）Kube

Kube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制，并提供LESS文件。

15）Less Framework

Less Framework是一个现代化的前端框架，用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版

16）SkelJS

skelJS是一款轻量级的前端框架，用于构建响应式网站和app。

具体的官方网址请参考以下博客内容：

参考技术A 　　这位网友你好，现在最火的矿建应该是Amaze UI了吧，很多特点的。
　　1. 为移动而生

　　Amaze UI 以移动优先(Mobile first)为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

　　2. 组件丰富，模块化

　　Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Web
组件，可快速构建界面出色、体验优秀的跨屏页面，大幅提升开发效率。

　　3. 本地化支持

　　相比国外框架，Amaze UI 关注中文排版，根据用户代理调整字体，实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

　　4. 轻量级，高性能

　　Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。 参考技术B 类似Jqui：jquery easyui、ext(这个并非纯ui框架，但ui部分jqui和easyui初期均是模仿ext)
类似bootstrap：其实不太推荐，bootstarp应该是发展应用最好的，几个出名的有foundation、flat ui、uikit、BootMetro、Semantic UI、国产的amaze ui等等 参考技术C 1、TwitterBootStrap（响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。2.Foundation（MIT；响应式）/最先进的响应式前端框架。3.960gs（GPL&MIT；响应式）960gs提供了一个简单的网格系统，适合快速开发。4.Skeleton（MIT；响应式）非常漂亮的Web模板，适合响应式、移动友好的开发。5.99limeHTMLKickStart（Free）适合网站快速开发的极简HTML构建模块。6.Kube（Free；响应式）面向专业人员的CSS框架。7.LessFramework（MIT；响应式）自适应的CSS网格系统。8.Flameinwork（Free）适合懒人开发者的前端微框架。9.G5Framework（Free）(x)HTML5、CSS、php前端开发框架。10.EasyFramework（Free）EasyFramework是一个一体化前端解决方案，分structural、presentational、interactive三层。 参考技术D 　　Flat UI Flat UI是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现。
　　BootMetro 基于 Twitter Bootstrap 框架构建，用于创建 Windows 8 的 Metro 风格的网站，灵感来自于 Metro UI CSS 。
　　Pure 是来自雅虎的 CSS 框架，使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计，提供多种样式的组件，包括表格、表单、按钮、表、导航等。标识使用非常简单，整个框架非常轻量级，压缩后只有 5.7kb。