`
灵雨飘零
  • 浏览: 35028 次
  • 性别: Icon_minigender_1
  • 来自: 唐山
文章分类
社区版块
存档分类
最新评论

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 入门

分享到:
评论

相关推荐

    10个优秀的Web UI库框架

    ### 10个优秀的Web UI库框架 #### ITMill Toolkit **知识点:** - **开源性质:** ITMill Toolkit 是一款完全开源的 Web UI 框架,这意味着开发者可以自由地使用、修改并分发该框架。 - **目标:** 旨在为开发者...

    手机web ui框架

    手机Web UI框架的核心目标是提供一套适应各种屏幕尺寸和设备的界面组件库,以确保在智能手机和平板电脑等移动设备上的良好用户体验。这些框架通常包括导航栏、按钮、表单、下拉菜单、轮播图等多种常见的UI元素,以及...

    Web高保真交互元件库及后台框架模板 View UI

    "Web高保真交互元件库及后台框架模板 View UI" 是一个专为前端开发者设计的资源,用于构建高质量、交互性强的Web应用界面。View UI是一个强大的工具集,它提供了丰富的UI组件,可以帮助开发者快速搭建出专业级别的...

    ue webUI 5.3版本的插件 支持打包

    随着技术的发展,WebUI的设计和开发变得越来越复杂,因此出现了各种工具和框架来简化这一过程,其中就包括插件的支持。 UE WebUI 5.3版本的发布,意味着这个平台已经进行了一次重要的更新,可能包含了性能优化、新...

    WEBUI支持库

    "WEBUI支持库"是一个专为Web用户界面(WEBUI)设计和开发提供辅助功能的软件库。这个库通常包含了各种组件、工具和框架,帮助开发者更高效地创建交互式的网页应用。它能够提高开发效率,减少代码重复,并提供统一的...

    Web UI HTML5 框架

    jQuery是一个高效的JavaScript库,它简化了DOM操作、事件处理、动画制作和Ajax交互。在Web UI框架中,jQuery通常是核心组件,因为它的简洁API使得开发者可以快速实现复杂功能,例如,通过$.ajax()方法轻松进行异步...

    15 个 JavaScript Web UI 库

    JavaScript Web UI 库是开发富互联网应用(RIA)的关键组成部分,它们提供了一系列预构建的组件和工具,帮助开发者快速构建交互性强、用户体验良好的网页应用。下面将详细介绍标题中提到的15个JavaScript Web UI库,...

    响应式 Web UI 框架

    本压缩包包含了四个优秀的响应式Web UI框架,它们分别是Bootstrap、Foundation、Materialize CSS和UIKit。这四个框架在Web开发领域广受欢迎,为开发者提供了强大的工具,简化了复杂的设计任务。 1. **Bootstrap**:...

    10个优秀的 Web UI库/框架

    9. WUI Web UI框架:这是一个基于Java的MVC框架,专注于Web用户界面,帮助开发者构建结构清晰、易于维护的Web应用。 10. Butterfly Web UI:Butterfly的特点在于其与Butterfly DI Container的紧密集成,这有助于...

    WebUI4Angular

    【标题】"WebUI4Angular" 是一个专为Angular框架设计的开源Web用户界面库,由国内开发者创建。这个库提供了丰富的组件和样式,旨在帮助开发者快速构建美观且功能完善的前端应用。 【描述】"国人开源的Angular开发...

    uiw一个高质量的UI工具包一个用于React16的组件库

    描述中提到的“JavaScript开发-MVC框架和UI库”标签,揭示了uiw工具包与JavaScript开发的关系。MVC(Model-View-Controller)是一种软件设计模式,常用于构建Web应用程序,它将数据模型、视图和控制器分离,提高代码...

    Fishui基于vue2semanticui实现的WebUI工具包

    Fish-ui,一个专为Vue2量身定制的Web用户界面工具包,它巧妙地融合了Vue.js的高效性和Semantic-UI的优雅设计,为后台产品的开发提供了强大而直观的组件库。在本文中,我们将深入探讨Fish-ui的核心特性、设计理念以及...

    FineUi4.0框架

    标签“Fineui”表明这个项目的核心技术是FineUI框架,它是一个强大的前端组件库,包含了多种类型的控件,如表格、按钮、下拉框、日期选择器等,这些控件都经过精心设计,能够满足各种用户界面的需求。同时,FineUI...

    leonardoui拥有QlikSense外观的WebUI组件库

    Leonardo UI 是一个基于JavaScript开发的Web用户界面(UI)组件库,其设计灵感来源于Qlik Sense的视觉风格。这个库旨在为开发者提供一套与Qlik Sense界面相融合的工具,帮助他们构建出与Qlik Sense数据分析平台一致...

    淘宝开源的前端UI框架

    淘宝开源的前端UI框架,名为Kissy,是一个强大的JavaScript库,专为构建现代Web应用程序而设计。这个框架具有模块化、跨终端、高扩展性和组件齐全的特点,使其在前端开发领域具有广泛的应用潜力。 模块化是Kissy的...

    一个使用JavaScript和Typescript构建的Light Vue 3.0 Web UI框架.zip

    这个“Light Vue 3.0 Web UI框架”则是基于Vue 3.0构建的一个轻量级UI组件库,旨在简化开发者的工作流程,提高开发效率。 JavaScript是Web开发的基础,是一种广泛使用的脚本语言,用于控制网页的行为。而TypeScript...

    Extjs FineUI开发框架 FineOffice框架 OA源码

    ExtJS FineUI 开发框架与 FineOffice 框架是两个在企业级Web应用开发中常用的工具,尤其在构建OA(办公自动化)系统时。本文将深入探讨这两个框架及其在OA源码中的应用。 首先,ExtJS是一个强大的JavaScript库,...

    可扩展的扩散 Web UI:一个可扩展的,易于使用的,便携的扩散web UI

    例如,开发者可能需要在初始UI基础上增加图表分析功能,一个可扩展的UI框架将允许他们轻松地集成这样的新模块。 “易于使用”是另一个关键特性,它涉及到用户友好性、直观性和一致性。一个好的Web UI应具备清晰的...

    Zebkit基于HTML5Canvas的UI框架

    结合其面向对象的设计、Canvas渲染、MVC模式、Java到JavaScript的转换工具以及丰富的组件库,Zebkit成为了开发者构建现代Web应用的理想选择。通过对压缩包文件"barmalei-zebkit-48b945a"的进一步探索,开发者可以...

Global site tag (gtag.js) - Google Analytics