16个Javascript的Web UI库、框架及工具包(2010年)
2013-05-15 23:10
169 查看
转自:http://www.cnblogs.com/MaxIE/archive/2010/05/19/1739339.html
目前,几乎所有的富Web应用程序都依赖一套UI管理,程序库或框架(或工具包),他们不仅简化了应用程序开发,他们还提供兼容的、可靠的及很强交互性的用户界面。除此之外您会请求哪些呢?
当前,广泛应用的Web用户界面框架已经覆盖了各种不同的语言 - 今天我将目标聚焦在JavaScript的Web用户界面。
并不是所有的库都适合于每一个项目,但大多数的开发者依然是依赖于单一的用户界面框架;然而,最忠实的朋友在必要的时候,他们还是会调转方向的…
…所以,如果您正在寻找一个新的用户界面观点,您会在下面看到15个最好的Javascript Web 用户界面;为所有的产品,从不同角度提供解决方案。
LivePipe 首页与下载
LivePipe 演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_02.jpg)
UKI 主页与下载
UKI 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_04.jpg)
MochaUI 主页与下载
MochaUI 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_06.jpg)
中文编译来源:锐商企业CMS 网站内容管理系统 官方网站
Sigma Ajax UI Builder 主页和下载
Sigma Ajax UI Builder 控件,演示和示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_08.jpg)
JxLib 主页与下载
JxLib 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_10.jpg)
Dijit 主页,下载
Dijit 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_12.jpg)
jQuery TOOLS 主页与下载
jQuery TOOLS 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_14.jpg)
jQuery UI 首页与下载
jQuery UI 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_16.jpg)
Prototype UI 主页与下载
Prototype UI 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_18.jpg)
Jitsu 主页与下载
Jitsu 控件,演示与示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_20.jpg)
Qutensil 主页,下载
Qutensil 控件,演示,示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_22.jpg)
Script.aculo.us 首页与下载
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_24.jpg)
Alloy UI 首页和下载
Alloy UI 控件,演示与示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_26.jpg)
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_27.jpg)
IUI 包含一套 JavaScript 库,CSS 式样表及图片,是一个轻量级 iPhone UI 库,包含 iPhone 风格导航菜单,设备方向,iPhone 风格切换等功能,可以为你的 Web 程序带来 iPhone 般的体验。
iUI 主页与下载
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_29.jpg)
XUI 是一个用于移动 Web 应用的轻量,极简,高度模块化的框架。它之所以非常轻量的原因是,它只支持移动浏览器,所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器,如 Webkit,Fennec 以及 Opera,并有意将来对移动 IE 和黑莓提供支持。
XUI 首页,下载
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_30.jpg)
Yahoo! YUI Library 可谓所有 Web UI 之父,可靠,功能丰富,目前已经发展到第 3 版。它拥有一个很庞大的开发团队,推出了非常丰富的功能,就功能而言,无可匹敌。
YUI Library 主页与下载
YUI2 入门
YUI3 入门
YUI3 控件,演示与示例
目前,几乎所有的富Web应用程序都依赖一套UI管理,程序库或框架(或工具包),他们不仅简化了应用程序开发,他们还提供兼容的、可靠的及很强交互性的用户界面。除此之外您会请求哪些呢?
当前,广泛应用的Web用户界面框架已经覆盖了各种不同的语言 - 今天我将目标聚焦在JavaScript的Web用户界面。
并不是所有的库都适合于每一个项目,但大多数的开发者依然是依赖于单一的用户界面框架;然而,最忠实的朋友在必要的时候,他们还是会调转方向的…
…所以,如果您正在寻找一个新的用户界面观点,您会在下面看到15个最好的Javascript Web 用户界面;为所有的产品,从不同角度提供解决方案。
1.LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套经 严格测试并高度可扩展的 UI 控件,拥有很好的文档,在不支持 JavaScript 的环境中,可以无缝降级使用。包括 Tab, 窗体,文本框,多选框,评分控件,进度条,滚动条,右键菜单等多种控件。LivePipe 首页与下载
LivePipe 演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_02.jpg)
2.UKI
UKI 是一套简单的 JavaScript UI 工具集,用于快速创建桌面风格的 Web 应用。包含的控件从滑动条,到分栏视图,不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手,非常简洁,无需安装框架,不依赖 CSS 引用。UKI 主页与下载
UKI 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_04.jpg)
3.MochaUI
MochaUI 是 MooTools Javascript 框架 与 ExplorerCanvas 的一个备受欢迎的扩展,可以用来快速创建 Web 应用,Web 桌面,网站,饰件,独立 Windows,Modal 对话框等等。MochaUI 主页与下载
MochaUI 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_06.jpg)
中文编译来源:锐商企业CMS 网站内容管理系统 官方网站
4.Sigma Ajax UI Builder
SigmaVisual 是一套基于 Web 的,所见即所得的 AJAX UI 创建工具,包含超过40个不见,如 Tab,对话框,树形图,时间线等,基于 JavaScript 和 PHP。Sigma Ajax UI Builder 主页和下载
Sigma Ajax UI Builder 控件,演示和示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_08.jpg)
5.JxLib based MooTools
JxLib 是一个基于 MooTools 的 JavaScript UI 框架,包含多数 Web 程序都需要的基本空间,如按钮,Tab,菜单,树形结构,对话框等等。JxLib 还支持换肤功能。JxLib 主页与下载
JxLib 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_10.jpg)
6.Dijit – The Dojo Toolkit
Dijit 基于 Dojo,也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种,甚至支持不同语种的文字书写方向以及本地化数字,日期等等。Dijit 主页,下载
Dijit 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_12.jpg)
7.jQuery TOOLS
jQuery Tools 是一个非常轻量(2.5kb)的常用 UI 库,支持以下 jQuery 对象,Tabs, 工具提示,滚动条,层,表单以及 Flash 嵌套。jQuery TOOLS 主页与下载
jQuery TOOLS 控件,演示,示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_14.jpg)
8.jQuery UI
jQuery UI 基于 jQuery,包含 3 个大类,饰件,一些内置的 UI 对象;效果,对各种网页对象施加动画效果(如爆炸效果);鼠标交互,如拖放操作。jQuery UI 首页与下载
jQuery UI 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_16.jpg)
9.Prototype UI
Prototype UI 基于 Prototype 与 Script.aculo.us,包括多个模块(旋转木马,Modal 窗口,阴影,右键菜单等),每个模块可以单独安装使用。Prototype UI 主页与下载
Prototype UI 控件,演示与示例
![](http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_18.jpg)
10.Jitsu
Jitsu 功能包括 XML 标记,页面编译,动画引擎,Ajax 以及运行时检测等等,它的 Ajax 功能使消费级 Web 应用的创建变得非常简单,支持客户端数据绑定,还可以将页面编译成 JavaScript,Jitsu 在 Firefox 和 IE 中运行最佳。Jitsu 主页与下载
Jitsu 控件,演示与示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_20.jpg)
11.Qutensil
Qutensil 仍在开发中,但其路线图已经显示出某些引人注目的东西,基于 Prototype 与 Scriptaculous ,包含消息,调色板,滑动条,工具提示,可拖放窗口以及警告,确认,提示等窗口。Qutensil 主页,下载
Qutensil 控件,演示,示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_22.jpg)
12.Script.aculo.us
script.aculo.us 是一个备受欢迎的 UI 工具集,基于 Prototype 框架,提供了诸如视觉效 果,UI 控件以及面向 DOM 的工具。Script.aculo.us 首页与下载
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_24.jpg)
13.Alloy UI
AlloyUI 是一套功能丰富的 UI 框架,基于 YUI 3,部分基于 YUI 2,包含一套丰富的(超过60)UI 部件,如图片库,对话框,树形结构,面板,自动完成,按钮,日历控件,工具条等。Alloy UI 首页和下载
Alloy UI 控件,演示与示例
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_26.jpg)
14.iUI: iPhone UI 框架
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_27.jpg)
IUI 包含一套 JavaScript 库,CSS 式样表及图片,是一个轻量级 iPhone UI 库,包含 iPhone 风格导航菜单,设备方向,iPhone 风格切换等功能,可以为你的 Web 程序带来 iPhone 般的体验。
iUI 主页与下载
15.XUI
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_29.jpg)
XUI 是一个用于移动 Web 应用的轻量,极简,高度模块化的框架。它之所以非常轻量的原因是,它只支持移动浏览器,所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器,如 Webkit,Fennec 以及 Opera,并有意将来对移动 IE 和黑莓提供支持。
XUI 首页,下载
16.Yahoo! YUI Library
![](http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_30.jpg)
Yahoo! YUI Library 可谓所有 Web UI 之父,可靠,功能丰富,目前已经发展到第 3 版。它拥有一个很庞大的开发团队,推出了非常丰富的功能,就功能而言,无可匹敌。
YUI Library 主页与下载
YUI2 入门
YUI3 入门
YUI3 控件,演示与示例
相关文章推荐
- 16个Javascript的Web UI库、框架及工具包
- 16个Javascript的Web UI库、框架及工具包
- 16个Javascript的Web UI库、框架及工具包
- 16个Javascript的Web UI库、框架及工具包
- 推荐10款优秀的JavaScript Web UI库 框架和套件
- 16个最流行的 JavaScript 框架推荐
- 16个流行的JavaScript框架
- 非常优秀的免费的Web UI库,框架和工具包,web开发者必备
- 翻译:《为什么选择Dojo》-兼评测其它主流的JavaScript框架工具包(之一)
- 16个最流行的 JavaScript 框架推荐
- 推荐16个最流行的JavaScript框架
- 10个优秀的JavaScript Web UI库/框架推荐
- 推荐16个最流行的 JavaScript 框架(转)
- 16个最流行的JavaScript框架[推荐]
- 推荐16个最流行的 JavaScript 框架
- 推荐16个最流行的 JavaScript 框架
- 目前最全的javascript框架和Web UI库
- 推荐16个最流行的 JavaScript 框架
- 目前最全的javascript框架和Web UI库