You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Download Version 1.2.6

Quick start

Insert the following line on your HTML page and you are done!

<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>

This is the official jQuery Tools UI library and after the inclusion you will have the following tools available:

  1. jQuery 1.6.4
  2. Tabs
  3. Tooltip
  4. Scrollable
  5. Overlay

The tools will be loaded with maximum performance no matter where your user is located on the globe. Without the jQuery library, the file size is only 4.45 Kb when gzipping is enabled on the server-side. If you already have jQuery included on your page, you can simply remove it and use only the above script src statement.

Please note that this global content delivery network is completely free. You can use it freely in any website including production environments. This network has been kindly offered for all jQuery Tools users by Max CDN. Respect to them!

Build a custom set of Tools.

Or download the source code

Here you can download individual tools or create a custom combination of tools by selecting only those you want. Both the source code and the minified versions are available.

Version

Include jQuery

jQuery 1.6.4

All tools depend on this library (except flashembed). Can alternatively be included from googleapis (see below)

UI tools

Tabs

The most important UI tool

documentation

Slideshow plugin

Transforms tabs into a working slideshow

documentation

Tooltip

The basics of UI design

documentation

Slide effect

A sliding tooltip effect with customized sliding directions, dimensions and speeds

documentation

Dynamic plugin

Dynamic positioning of the tooltip so that it always stays in the viewport

documentation

Scrollable

A generic HTML scrolling widget

documentation

Autoscroll plugin

Makes the scrolling behaviour automatic. highly configurable

documentation

Navigator plugin

Provides navigation buttons for switching between pages in scrollable

documentation

Overlay

A generic HTML overlaying widget

documentation

Apple effect

An overlay effect that you have seen on apple.com

documentation

Form tools

Dateinput

HTML5 date input for humans

documentation

Rangeinput

HTML5 range input for humans

documentation

Validator

HTML5 input validation for humans

documentation

Toolbox

Flashembed

The future of Flash embedding. Works as a standalone tool and jQuery is not required.

documentation

History

Back button for AJAX apps

documentation

Expose

Makes your HTML stand out from its surroundings

documentation

Mousewheel

A generic mousewheel support for jQuery

documentation

Download jQuery Tools

Size: /

jQuery Tools from CDN

Here is a list of all available jQuery Tools combinations from a free Content Delivery Network.

<!-- UI Tools: Tabs, Tooltip, Scrollable and Overlay (4.45 Kb) -->
<script src="http://cdn.jquerytools.org/1.2.6/tiny/jquery.tools.min.js"></script>

<!-- Form tools: Dateinput, Rangeinput and Validator. No jQuery library. (5.98 Kb) -->
<script src="http://cdn.jquerytools.org/1.2.6/form/jquery.tools.min.js"></script>

<!-- ALL jQuery Tools. No jQuery library -->
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>

<!-- jQuery Library + UI Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>

<!-- jQuery Library + ALL jQuery Tools -->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

If you prefer to load the jQuery library separately the recommended practice is to load jQuery from Google's CDN service. Make sure the jQuery library is always loaded before the jQuery Tools library.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>