La biblioteca se divide en cuatro módulos:

Contiene las funciones básicas para el resto de módulos.

Añade comportamientos complejos a los elementos:

• Draggable: Hace al elemento arrastrable.
• Droppable: Permite que el elemento responda a elementos arrastrables.
• Resizable: Permite redimensionar el elemento.
• Selectable: Permite seleccionar entre una lista de elementos.
• Sortable: Ordena una lista de elementos.
• Sizeable: Permite seleccionar el tamaño de los elementos.

Es un conjunto completo de controles UI. Cada control tiene un conjunto de opciones configurables y se les pueden aplicar estilos CSS.

• Accordion: menú con efecto acordeón.
• Autocomplete: caja con autocompletado.
• Button: botón.
• Dialog: ventanas con contenido.
• Slider: elemento para elegir en un rango de valores.
• Tabs: pestañas.
• Datepicker: calendario gráfico.
• Progressbar: barra de progreso.

Una API para añadir transiciones animadas y facilidades para interacciones.

• Core: Amplía los efectos de jQuery incluyendo morphing, requerido por el resto de efectos.
• Blind
• Bounce
• Clip
• Drop
• Explode
• Fade
• Fold
• Highlight
• Pulsate
• Scale
• Shake
• Slide
• Transfer
• ashgahs

jQuery UI se utiliza igual que cualquier otra extensión para jQuery: Sólo hay que añadir los ficheros .js a la página; primero debe aparecer la biblioteca jQuery y después el resto:

<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>

Código JavaScript para aplicar los efectos:

// Aplicar el efecto Draggable al elemento con id "draggable" al cargar la página
$(document).ready(function(){
    $("#draggable").draggable();
});

Código en el body del documento:

<div id="draggable" class="ui-widget-content">
    <p>¡Arrástrame!</p>
</div>

En la página oficial de jQuery UI existe una extensa documentación sobre cómo usar y configurar los módulos y componentes.^[6]​

Los estilos de los componentes se pueden modificar para adaptarlos a las necesidades del usuario aunque no es una tarea trivial. Para ello, en la página oficial, existe la herramienta ThemeRoller^[7]​ que permite diseñar los estilos en línea de una manera sencilla.

Existen dos versiones de la biblioteca para trabajar con jQuery:

• Estable: para jQuery versión 1.6 o superior.
• Legacy: para jQuery versión 1.3.2 o superior.

Es compatible con los navegadores (y sus versiones posteriores) Internet Explorer 6.0, Mozilla Firefox 3, Safari 3.1, Ópera 9.6 y Google Chrome.

En la página oficial de jQuery UI existe una herramienta^[8]​ para crear una versión personalizada del fichero .js para que sólo incluya los módulos que se van a utilizar. De esta manera se optimiza el tamaño del fichero, conteniendo sólo lo necesario.

• jQuery
• Yahoo User Interface
• GWT
• jQuery Tools

• Página oficial de jQuery UI
• Página oficial de jQuery
• Página oficial de jQuery Tools