Table of Contents
LivePipe
UKI
MochaUI
Sigma Ajax UI Builder
JxLib based MooTools
Dijit – The Dojo Toolkit
jQuery TOOLS
jQuery UI
Prototype UI
Jitsu
Qutensil
Script.aculo.us
Alloy UI
iUI: iPhone UI framework
XUI
Yahoo! YUI Library
Home Web Front-end JS Tutorial 15 JavaScript Web UI Libraries_javascript tips

15 JavaScript Web UI Libraries_javascript tips

May 16, 2016 pm 06:26 PM
javascript ui web

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

LivePipe

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

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

15 JavaScript Web UI Libraries_javascript tips

 

UKI

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

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

15 JavaScript Web UI Libraries_javascript tips

 

MochaUI

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

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

15 JavaScript Web UI Libraries_javascript tips

中文编译来源:锐商企业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 Libraries_javascript tips

 

JxLib based MooTools

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

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

15 JavaScript Web UI Libraries_javascript tips

 

Dijit – The Dojo Toolkit

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

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

15 JavaScript Web UI Libraries_javascript tips

 

jQuery TOOLS

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

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

15 JavaScript Web UI Libraries_javascript tips

 

jQuery UI

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

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

15 JavaScript Web UI Libraries_javascript tips

 

Prototype UI

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

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

15 JavaScript Web UI Libraries_javascript tips

 

Jitsu

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

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

15 JavaScript Web UI Libraries_javascript tips

 

Qutensil

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

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

15 JavaScript Web UI Libraries_javascript tips

 

Script.aculo.us

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

Script.aculo.us 首页与下载

15 JavaScript Web UI Libraries_javascript tips

Alloy UI

AlloyUI is a feature-rich UI framework based on YUI 3 and partially based on YUI 2. It contains a rich set of (more than 60) UI components, such as picture gallery, dialog box, and tree structure. , panels, autocomplete, buttons, calendar controls, toolbars, etc.

Alloy UI Home and Download
Alloy UI Controls, Demos and Examples

15 JavaScript Web UI Libraries_javascript tips

iUI: iPhone UI framework

15 JavaScript Web UI Libraries_javascript tips

IUI includes a set of JavaScript libraries, CSS style sheets and images. It is a lightweight iPhone UI library, including iPhone style navigation menu, device orientation, iPhone style switching and other functions, which can be used for your Web applications bring an iPhone-like experience.

iUI Home Page and Download

XUI

15 JavaScript Web UI Libraries_javascript tips

XUI is a lightweight, minimalist, highly modular framework for mobile web applications. The reason it's so lightweight is that it only supports mobile browsers, with all cross-browser support code stripped out. It targets first-line mobile web browsers such as Webkit, Fennec and Opera, with plans to provide support for mobile IE and BlackBerry in the future.

XUI Home page, download

Yahoo! YUI Library

15 JavaScript Web UI Libraries_javascript tips

Yahoo! YUI Library can be said to be the father of all Web UIs. It is reliable and feature-rich. It has now developed to version 3. It has a very large development team and has launched a very rich set of features that are unrivaled in terms of functionality.

YUI Library Homepage and Download
Getting Started with YUI2
Getting Started with YUI3
YUI3 Controls, demos and examples

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to implement an online speech recognition system using WebSocket and JavaScript How to implement an online speech recognition system using WebSocket and JavaScript Dec 17, 2023 pm 02:54 PM

How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

Why does the Elden Ring UI keep showing up? Why does the Elden Ring UI keep showing up? Mar 11, 2024 pm 04:31 PM

In Elden's Ring, the UI page of this game will be automatically hidden after a period of time. Many players do not know how the UI is always displayed. Players can select the gauge display configuration in the display and sound configuration. Click to turn it on. Why does the Elden Ring UI keep displaying? 1. First, after we enter the main menu, click [System Configuration]. 2. In the [Display and Sound Configuration] interface, select the meter display configuration. 3. Click Enable to complete.

How to use JavaScript and WebSocket to implement a real-time online ordering system How to use JavaScript and WebSocket to implement a real-time online ordering system Dec 17, 2023 pm 12:09 PM

Introduction to how to use JavaScript and WebSocket to implement a real-time online ordering system: With the popularity of the Internet and the advancement of technology, more and more restaurants have begun to provide online ordering services. In order to implement a real-time online ordering system, we can use JavaScript and WebSocket technology. WebSocket is a full-duplex communication protocol based on the TCP protocol, which can realize real-time two-way communication between the client and the server. In the real-time online ordering system, when the user selects dishes and places an order

JavaScript and WebSocket: Building an efficient real-time weather forecasting system JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

How to enable administrative access from the cockpit web UI How to enable administrative access from the cockpit web UI Mar 20, 2024 pm 06:56 PM

Cockpit is a web-based graphical interface for Linux servers. It is mainly intended to make managing Linux servers easier for new/expert users. In this article, we will discuss Cockpit access modes and how to switch administrative access to Cockpit from CockpitWebUI. Content Topics: Cockpit Entry Modes Finding the Current Cockpit Access Mode Enable Administrative Access for Cockpit from CockpitWebUI Disabling Administrative Access for Cockpit from CockpitWebUI Conclusion Cockpit Entry Modes The cockpit has two access modes: Restricted Access: This is the default for the cockpit access mode. In this access mode you cannot access the web user from the cockpit

what does web mean what does web mean Jan 09, 2024 pm 04:50 PM

The web is a global wide area network, also known as the World Wide Web, which is an application form of the Internet. The Web is an information system based on hypertext and hypermedia, which allows users to browse and obtain information by jumping between different web pages through hyperlinks. The basis of the Web is the Internet, which uses unified and standardized protocols and languages ​​to enable data exchange and information sharing between different computers.

See all articles