10个优秀的JavaScript Web UI库/框架推荐

Posted 2020-08-13

在进行Web开发时，并非所有的库都适合你的项目，但你仍需要收藏一些Web UI设计相关的库或框架，以在你需要的时候，加快你的开发效率。 

本文为你带来10款非常优秀的基于javascript的Web UI设计资源。 

1.  XUI：JavaScript微型框架 

这是一个“轻量级、非常简单、微型、超级模块化”的JavaScript框架，用于创建移动Web应用。该框架如此轻量级的原因是一些与浏览器兼容相关的代码被剥离。 

2.  iUI：iPhone UI 框架 

该框架由JavaScript库、CSS和图像构成，它是一个重量轻、小型的UI框架，用于开发UI统一的iPhone应用程序。 

3.  AlloyUI 

这是一个功能丰富的UI框架，基于YUI 3（部分基于YUI 2）创建，包含了超过60种组件，范围从实用程序到全面的UI部件。控件包括图片廊、对话框、树形视图、面板、自动完成、按钮、日历、工具栏等。 

4.  Qutensil JavaScript Toolset 

该工具仍处于开发状态，但路线图显示了一些非常有前景的特性。它建立在Prototype和Scriptaculous库的基础上，并包含了一些新的特性，如用户消息系统、颜色拾取器、滑块、提示系统、拖动窗口以及提醒/确认/提示窗口系统。 

5.  Prototype UI 

这是一个易于使用的JavaScript库，它的UI组件基于Prototype和Scriptaculous库。Prototype UI提供了一些模块，如Carousel、模态窗口、阴影和上下文菜单，这些可以作为一个包来使用，也可以独立使用。 

6.  jQuery UI 

该框架建立于jQuery之上，可以用来创建高度交互的Web应用。 

7.  jQuery TOOLS 

jQuery Tools是一个轻量级（2.5kb）框架，集合了最流行的UI组件。它为如下jQuery元素提供了库：Tabs（标签）、Tooltip（工具提示）、Scrollable（滚动）、Overlay（叠加）、Forms（表单）和Flashembed等。 

8.  Dijit 

Dijit是建立于Dojo之上的一个部件系统。如果你是Dojo的初学者，Dijit是一个很好的入门工具。通过Dijit，即使你没有JavaScript经验（或仅有少量经验），你也可以创建令人吃惊的Web 2.0 图形用户界面。 

9.  JxLib based MooTools 

JxLib是一个基于MooTools的JavaScript UI框架。它提供了大多数应用程序所需要的基础部件，如按钮、标签、菜单、树和对话框等。JxLib还采用了外观/皮肤选择机制，基于一系列图片和CSS。 

10.  Sigma Ajax UI Builder 

SigmaVisual使用JavaScript和php编写，是一个基于Web、可视化、所见即所得的AJAX UI生成器，包含40多个常见的组件，如标签、对话框、树形网格、时间轴等。