jquery/jquery-ui

★ 11,342JavaScriptAudience · developerComplexity · 2/5Setup · easy

Mindmap

mindmap
  root((jquery-ui))
    Components
      Date picker
      Drag and drop
      Dialog boxes
      Sliders
    Status
      Maintenance only
      No new features
      Security patches only
    Resources
      jqueryui.com docs
      Live demos
      GitHub issues
    Audience
      Web developers
      Legacy projects

mindmap root((jquery-ui)) Components Date picker Drag and drop Dialog boxes Sliders Status Maintenance only No new features Security patches only Resources jqueryui.com docs Live demos GitHub issues Audience Web developers Legacy projects

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Add a date picker to a form on an existing jQuery website without writing the calendar logic from scratch

USE CASE 2

Add drag-and-drop reordering to a legacy web app using the draggable and droppable components

USE CASE 3

Add accessible modal dialog boxes to an older jQuery website with minimal code

USE CASE 4

Add a slider control to let users select a numeric range like a price filter

Tech stack

JavaScriptjQuery

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

jQuery UI is a JavaScript library that adds ready-made interactive components to web pages. It is built on top of jQuery and provides things like date pickers, drag-and-drop functionality, dialog boxes, sliders, progress bars, and visual effects. All of these can be added to a website without writing the underlying behavior from scratch. The library has been widely used to add interactive elements to web pages since before modern frameworks like React and Vue became common. As of 2021, jQuery UI is in maintenance-only mode, meaning the team no longer adds new features. Only security fixes and critical bug patches are being made. The project's blog post explains the reasoning behind that decision. If you want to use jQuery UI in a project, the main website at jqueryui.com covers everything: download links, live demos for each component, and full API documentation. Discussion forums for usage questions are also linked from there. If you need to report a bug, the GitHub issues page is the right place. An older bug tracker at bugs.jqueryui.com is kept in read-only mode for historical reference. If an old issue still affects you, the README asks that you open a new GitHub issue and link to the older one for context. For developers who want to contribute bug fixes, the README points to a Getting Involved guide on the project wiki, coding standards, and instructions for running the unit tests locally. The project follows a standard fork-and-pull-request workflow and asks that contributors keep changes focused on a single topic per branch.

Copy-paste prompts

Prompt 1

I have a jQuery website and need a date picker on a form input that restricts selectable dates to the next 30 days. Show me the HTML and jQuery UI initialization code.

Prompt 2

I'm building a drag-and-drop task board with jQuery UI. Show me how to make task cards draggable between three columns using the draggable and droppable APIs.

Prompt 3

I want to open a jQuery UI dialog box when a button is clicked, showing a confirmation message with OK and Cancel buttons. Write the HTML and JavaScript.

Prompt 4

Show me how to add a jQuery UI range slider to filter products by price between $0 and $500, and read the selected values on change.

Open on GitHub → Explain another repo

← jquery on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.