はてなブックマーク

Menu Themeable menu with mouse and keyboard interactions for navigation. A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate.

Progressbar Display status of a determinate or indeterminate process.

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1">

Color Animation Animate the properties of elements between colors.

Button Enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles. Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor. Buttons can be styled via the button widget or by adding the classes yourself. This avoids the JavaScript overhead if you don't need any of the methods pro

Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height.

Autocomplete Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try. The datasource is a simple JavaScript array, provided to the widget using the source

The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.

Selectable Use the mouse to select elements, individually or in a group. Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.

The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.

<meta name="viewport" content="width=device-width, initial-scale=1">

Enable any DOM element to be droppable, a target for draggable elements.

Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Tabs A single content area with multiple panels, each associated with a header in a list.

The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.

Accordion Displays collapsible content panels for presenting information in a limited amount of space. Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover. The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is usable without JavaScript.

Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable properties.

jQuery UI Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop

Quick downloads: Stable (Themes) (1.14.0: for jQuery 1.12+ / 2.2+ / 3.6+ / 4.0+) | Legacy (Themes) (1.13.3: for jQuery 1.8+) | Legacy (Themes) (1.12.1: for jQuery 1.7+) All jQuery UI Downloads

Tooltip Customizable, themeable tooltips, replacing native tooltips.

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. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API