Easy Tutorial
Example Animate Jqueryui Theme Design Api Hide Ref Interactions Example Toggleclass Ref Ui Core Api Zindex Jqueryui Work Api Show Example Autocomplete Example Effect Example Dialog Jqueryui Download Example Accordion Jqueryui Tutorial Ref Widgets Api Explode Effect Api Mouse Example Removeclass Example Draggable Api Menu Example Tooltip Api Removeclass Api Jquery Widget Jqueryui Widget Factory How Api Removeuniqueid Api Slide Effect Ref Utilities Api Addclass Api Progressbar Api Toggleclass Api Toggle Api Uniqueid Api Sortable Api Datepicker Example Slider Api Focus Api Enableselection Api Stacking Elements Api Switchclass Jqueryui Widget Factory Jqueryui Theme Api Jqueryui Api Example Addclass Api Button Jqueryui Widget Method Api Css Framework Api Spinner Api Selectable Example Position Api Jquery Widget Bridge Api Scrollparent Api Enableselection Api Resizable Example Tabs Api Color Animation Api Size Effect Ref Effects Core Api Droppable Example Switchclass Api Shake Effect Example Sortable Api Slider Example Menu Api Removeclass Jqueryui Custom Api Jquery Example Button Api Transfer Effect Ref Overrides Api Toggleclass Api Addclass Example Spinner Api Tabbable Selector Api Drop Effect Api Bounce Effect Example Show Api Easings Example Toggleclass Example Droppable Example Progressbar Example Widget Api Zindex Jqueryui Theme Themeroller Api Fold Effect Api Position Example Hide Api Focusable Selector Example Resizable Ref Selectors Ref Methods Example Removeclass Jqueryui Widget Factory Why Api Removeuniqueid Api Puff Effect Jqueryui Theme Api Draggable Jqueryui Widget Extend Api Data Selector Ref Effects Api Accordion Api Scale Effect Api Scrollparent Api Effect Api Jquery Widget Bridge Example Selectable Api Dialog Api Fade Effect Api Jquery Ui Keycode Api Disableselection Api Blind Effect Example Switchclass Api Clip Effect Api Highlight Effect Api Tabs Jqueryui Examples Api Pulsate Effect Api Jquery Ui Keycode Api Uniqueid Api Icons Api Tooltip Example Datepicker Ref Theming Jqueryui Use Jqueryui Intro Api Switchclass Api Autocomplete Api Disableselection Example Addclass Api Jquery Widget Example Toggle
❮ Example Dialog Example Accordion ❯

jQuery UI Download

Once you have a basic understanding of jQuery UI, you can try it out for yourself. Please download a copy of jQuery UI from the Download Builder page on the jQuery UI website.

Creating a Custom jQuery UI Download

The Download Builder for jQuery UI allows you to select the components you need to download, obtaining a custom library version for your project. Creating a custom jQuery UI download involves the following three steps:

Step 1: Select the Components You Need

The first column of the Download Builder page lists all the JavaScript components of jQuery UI: Core, Interactions, Widgets, and Effects. Some components in jQuery UI depend on others, and when these components are selected, the other components they depend on will be automatically selected as well. The components you select will be merged into one jQuery UI JavaScript file.

Step 2: Choose a Theme or Customize One

On the Download Builder page, you will see a text box listing a series of pre-designed themes for jQuery UI widgets. You can choose one from the provided themes or use ThemeRoller to customize a theme (see the later sections for details).

Advanced Theme Settings: The theme section of the Download Builder also provides some advanced configuration settings for themes. These fields are useful if you plan to use multiple themes on one page. If you plan to use only one theme on a page, you can skip these settings.

Step 3: Select a Version of jQuery UI

In the Download Builder, the final step is to select a version number. This step is important because the versions of jQuery UI are designed to work with specific versions of jQuery. Current versions include:

Click the Download Button to Download!

Click the Download button to complete the download. You will receive a custom zip file containing the components you selected.

❮ Example Dialog Example Accordion ❯