jQuery UI

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you’re building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.


  1. Interactions: Enable selected elements to be draggable, droppable, resizable, selectable, or sortable.
  2. Widgets: A collection of UI components like Accordion, Datepicker, Dialog, Progressbar, Slider, and more.
  3. Effects: Add or remove styles with CSS transitions.
  4. Utilities: Core and Position utilities for developers.


  • Customizable: Download a custom build or full version, depending on the features you need.
  • Themeable: Switch between different themes or create your own using the ThemeRoller.
  • Cross-browser: Supports a wide range of browsers for maximum compatibility.


Getting Started:

To get started with jQuery UI, you can include it in your project using a CDN or download it directly from the official website.

<!-- jQuery library -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- jQuery UI library -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>


Datepicker Widget:

<input type="text" id="datepicker">
  $( "#datepicker" ).datepicker();

Accordion Widget:

<div id="accordion">
  <h3>Section 1</h3>
    <p>Content for section 1.</p>
  <h3>Section 2</h3>
    <p>Content for section 2.</p>
  $( "#accordion" ).accordion();

jQuery UI gives tools to make web apps better for users. It has lots of features that help developers make easy-to-use websites.

Crown – web design services naples