15 个 JavaScript Web UI 库


Posted in Javascript onMay 19, 2010

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。

LivePipe

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

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

15 个 JavaScript Web UI 库

 

UKI

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

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

15 个 JavaScript Web UI 库

 

MochaUI

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

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

15 个 JavaScript Web UI 库

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

Sigma Ajax UI Builder

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

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

15 个 JavaScript Web UI 库

 

JxLib based MooTools

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

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

15 个 JavaScript Web UI 库

 

Dijit ? The Dojo Toolkit

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

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

15 个 JavaScript Web UI 库

 

jQuery TOOLS

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

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

15 个 JavaScript Web UI 库

 

jQuery UI

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

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

15 个 JavaScript Web UI 库

 

Prototype UI

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

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

15 个 JavaScript Web UI 库

 

Jitsu

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

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

15 个 JavaScript Web UI 库

 

Qutensil

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

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

15 个 JavaScript Web UI 库

 

Script.aculo.us

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

Script.aculo.us 首页与下载

15 个 JavaScript Web UI 库

Alloy UI

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

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

15 个 JavaScript Web UI 库

 

iUI: iPhone UI 框架

15 个 JavaScript Web UI 库

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

iUI 主页与下载

XUI

15 个 JavaScript Web UI 库

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

XUI 首页,下载

Yahoo! YUI Library

15 个 JavaScript Web UI 库

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

YUI Library 主页与下载
YUI2 入门
YUI3 入门
YUI3 控件,演示与示例

Javascript 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
jQueryUI的Dialog的简单封装
Jun 07 Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 Javascript
window.returnValue使用方法示例介绍
Jul 03 Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
Sep 14 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
JavaScript仿京东秒杀倒计时
Mar 17 Javascript
JavaScript 以对象为索引的关联数组
May 19 #Javascript
JavaScript 语言的递归编程
May 18 #Javascript
JS 树形递归实例代码
May 18 #Javascript
document.getElementById方法在Firefox与IE中的区别
May 18 #Javascript
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
May 18 #Javascript
Javascript中的变量使用说明
May 18 #Javascript
Javascript实现的鼠标经过时播放声音
May 18 #Javascript
You might like
用PHP发电子邮件
2006/10/09 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
PHP滚动日志的代码实现
2015/06/10 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
2011/07/31 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
angular2+nodejs实现图片上传功能
2017/03/27 NodeJs
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
python代码实现ID3决策树算法
2017/12/20 Python
Python延时操作实现方法示例
2018/08/14 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
Python 2.6.6升级到Python2.7.15的详细步骤
2020/12/14 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
网游商务专员求职信
2013/10/15 职场文书
股权收购意向书
2014/04/01 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
初中政治教师教学反思
2016/02/23 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
python 命令行传参方法总结
2021/05/25 Python
利用JuiceFS使MySQL 备份验证性能提升 10 倍
2022/03/17 MySQL