jQuery UI Examples

Interactions

Interactions add basic mouse-based behaviors to any element. With just a few lines of code, you can create sortable lists, resizable elements, drag-and-drop behaviors, and more. Interactions also work with more complex widgets and applications.

• Draggable
• Droppable
• Resizable
• Selectable
• Sortable

Widgets

Widgets are feature-rich UI controls that give desktop applications the same rich functionality as web applications. All widgets provide a core with extensive extensions for custom behaviors and full theme support.

• Accordion
• Autocomplete
• Button
• Datepicker
• Dialog
• Menu
• Progressbar
• Slider
• Spinner
• Tabs
• Tooltip

Effects

Effects support color animations and class transitions, and also provide some additional easings. In addition, a complete set of custom effects is provided for showing and hiding elements or just adding some visual flair.

• Effect
• Visibility
  • Show
  • Hide
  • Toggle
• Class Animation
  • Add Class
  • Remove Class
  • Toggle Class
  • Switch Class
• Color Animation

Utilities

jQuery UI uses the utilities (Utilities) to create interactions and widgets.

• Position
• Widget Factory