16个Javascript的Web UI库、框架及工具包

目前,几乎所有的富Web应用程序都依赖一套UI管理,程序库或框架(或工具包),他们不仅简化了应用程序开发,他们还提供兼容的、可靠的及很强交互性的用户界面。除此之外您会请求哪些呢?

当前,广泛应用的Web用户界面框架已经覆盖了各种不同的语言 - 今天我将目标聚焦在JavaScript的Web用户界面。

并不是所有的库都适合于每一个项目,但大多数的开发者依然是依赖于单一的用户界面框架;然而,最忠实的朋友在必要的时候,他们还是会调转方向的…

…所以,如果您正在寻找一个新的用户界面观点,您会在下面看到15个最好的Javascript Web 用户界面;为所有的产品,从不同角度提供解决方案。

1.LivePipe

LivePipe UI基于Prototype Javascript 框架,包含了一整套经 严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab, 窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。

LivePipe首页与下载
LivePipe演示与示例


2.UKI

UKI是一套简单的 JavaScript UI 工具集,用于快速创建桌面风格的 Web 应用。包含的控件从滑动条,到分栏视图,不一而足。熟悉jQuery的开发者会发现这个工具很容易上手,非常简洁,无需安装框架,不依赖 CSS 引用。

UKI主页与下载
UKI控件,演示,示例

3.MochaUI

MochaUIMooTools Javascript 框架与 ExplorerCanvas 的一个备受欢迎的扩展,可以用来快速创建 Web 应用,Web 桌面,网站,饰件,独立 Windows,Modal 对话框等等。

MochaUI主页与下载
MochaUI控件,演示,示例

中文编译来源:锐商企业CMS网站内容管理系统官方网站

4.Sigma Ajax UI Builder

SigmaVisual是一套基于 Web 的,所见即所得的 AJAX UI 创建工具,包含超过40个不见,如 Tab,对话框,树形图,时间线等,基于 JavaScript 和 PHP。

Sigma Ajax UI Builder主页和下载
Sigma Ajax UI Builder控件,演示和示例

5.JxLib based MooTools

JxLib是一个基于MooTools的 JavaScript UI 框架,包含多数 Web 程序都需要的基本空间,如按钮,Tab,菜单,树形结构,对话框等等。JxLib 还支持换肤功能。

JxLib主页与下载
JxLib控件,演示与示例

6.Dijit – The Dojo Toolkit

Dijit基于Dojo,也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种,甚至支持不同语种的文字书写方向以及本地化数字,日期等等。

Dijit主页,下载
Dijit控件,演示,示例

7.jQuery TOOLS

jQuery Tools是一个非常轻量(2.5kb)的常用 UI 库,支持以下 jQuery 对象,Tabs, 工具提示,滚动条,层,表单以及 Flash 嵌套。

jQuery TOOLS主页与下载
jQuery TOOLS控件,演示,示例

8.jQuery UI

jQuery UI基于jQuery,包含 3 个大类,饰件,一些内置的 UI 对象;效果,对各种网页对象施加动画效果(如爆炸效果);鼠标交互,如拖放操作。

jQuery UI首页与下载
jQuery UI控件,演示与示例

9.Prototype UI

Prototype UI基于PrototypeScript.aculo.us,包括多个模块(旋转木马,Modal 窗口,阴影,右键菜单等),每个模块可以单独安装使用。

Prototype UI主页与下载
Prototype UI控件,演示与示例

10.Jitsu

Jitsu功能包括 XML 标记,页面编译,动画引擎,Ajax 以及运行时检测等等,它的 Ajax 功能使消费级 Web 应用的创建变得非常简单,支持客户端数据绑定,还可以将页面编译成 JavaScript,Jitsu在 Firefox 和 IE 中运行最佳。

Jitsu主页与下载
Jitsu控件,演示与示例

11.Qutensil

Qutensil仍在开发中,但其路线图已经显示出某些引人注目的东西,基于PrototypeScriptaculous,包含消息,调色板,滑动条,工具提示,可拖放窗口以及警告,确认,提示等窗口。

Qutensil主页,下载
Qutensil控件,演示,示例

12.Script.aculo.us

script.aculo.us是一个备受欢迎的 UI 工具集,基于Prototype 框架,提供了诸如视觉效 果,UI 控件以及面向 DOM 的工具。

Script.aculo.us首页与下载

13.Alloy UI

AlloyUI是一套功能丰富的 UI 框架,基于 YUI 3,部分基于 YUI 2,包含一套丰富的(超过60)UI 部件,如图片库,对话框,树形结构,面板,自动完成,按钮,日历控件,工具条等。

Alloy UI首页和下载
Alloy UI控件,演示与示例

14.iUI: iPhone UI 框架

IUI包含一套 JavaScript 库,CSS 式样表及图片,是一个轻量级 iPhone UI 库,包含 iPhone 风格导航菜单,设备方向,iPhone 风格切换等功能,可以为你的 Web 程序带来 iPhone 般的体验。

iUI主页与下载

15.XUI

XUI是一个用于移动 Web 应用的轻量,极简,高度模块化的框架。它之所以非常轻量的原因是,它只支持移动浏览器,所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器,如 Webkit,Fennec 以及 Opera,并有意将来对移动 IE 和黑莓提供支持。

XUI首页,下载

16.Yahoo! YUI Library

Yahoo! YUI Library可谓所有 Web UI 之父,可靠,功能丰富,目前已经发展到第 3 版。它拥有一个很庞大的开发团队,推出了非常丰富的功能,就功能而言,无可匹敌。

YUI Library主页与下载
YUI2 入门
YUI3 入门

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值