{"id":26,"date":"2023-08-25T18:59:02","date_gmt":"2023-08-25T18:59:02","guid":{"rendered":"\/\/jqueryui.com\/?page_id=26"},"modified":"2024-04-26T16:40:21","modified_gmt":"2024-04-26T16:40:21","slug":"demos","status":"publish","type":"page","link":"https:\/\/jqueryui.com\/demos\/","title":{"rendered":"jQuery UI Demos"},"content":{"rendered":"<p>jQuery UI offers a combination of interaction, effects, widgets, utilities,\nand themes designed to work well together or on their own. Play with the demos,\nview the source, <a href=\"\/themeroller\/\">build a theme<\/a>, read the\n<a href=\"https:\/\/api.jqueryui.com\/\">API documentation<\/a> and start using jQuery\nUI today.<\/p>\n\n<h2>Interactions<\/h2>\n<p>Interactions add basic mouse-based behaviors to any element. You can create\nsortable lists, resizable elements, drag &amp; drop behaviors and more with just\na few lines of code. Interactions also make great building blocks for more complex\nwidgets and applications.<\/p>\n\n<ul><li><a href=\"https:\/\/jqueryui.com\/draggable\/\">Draggable<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/droppable\/\">Droppable<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/resizable\/\">Resizable<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/selectable\/\">Selectable<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/sortable\/\">Sortable<\/a><\/li><\/ul>\n\n<h2>Widgets<\/h2>\n<p>Widgets are full-featured UI controls that bring the richness of desktop\napplications to the Web. All widgets provide a solid core with plenty of extension\npoints for customizing behavior, as well as full theming support.<\/p>\n\n<ul><li><a href=\"https:\/\/jqueryui.com\/accordion\/\">Accordion<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/autocomplete\/\">Autocomplete<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/button\/\">Button<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/checkboxradio\/\">Checkboxradio<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/controlgroup\/\">Controlgroup<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/datepicker\/\">Datepicker<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/dialog\/\">Dialog<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/menu\/\">Menu<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/progressbar\/\">Progressbar<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/selectmenu\/\">Selectmenu<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/slider\/\">Slider<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/spinner\/\">Spinner<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/tabs\/\">Tabs<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/tooltip\/\">Tooltip<\/a><\/li><\/ul>\n\n<h2>Effects<\/h2>\n<p>Effects add support for animating colors and class transitions, as well as\nproviding several additional easings. In addition, a full suite of custom effects\nare available for use when showing and hiding elements or just to add some visual\nappeal.<\/p>\n<ul>\n\t<li><a href=\"\/effect\/\">Effect<\/a><\/li>\n\t<li>Visibility\n\t\t<ul>\n\t\t\t<li><a href=\"\/show\/\">Show<\/a><\/li>\n\t\t\t<li><a href=\"\/hide\/\">Hide<\/a><\/li>\n\t\t\t<li><a href=\"\/toggle\/\">Toggle<\/a><\/li>\n\t\t<\/ul>\n\t<\/li>\n\t<li>Class Animation\n\t\t<ul>\n\t\t\t<li><a href=\"\/addClass\/\">Add Class<\/a><\/li>\n\t\t\t<li><a href=\"\/removeClass\/\">Remove Class<\/a><\/li>\n\t\t\t<li><a href=\"\/toggleClass\/\">Toggle Class<\/a><\/li>\n\t\t\t<li><a href=\"\/switchClass\/\">Switch Class<\/a><\/li>\n\t\t<\/ul>\n\t<\/li>\n\t<li><a href=\"\/animate\/\">Color Animation<\/a><\/li>\n<\/ul>\n\n<h2>Utilities<\/h2>\n<p>Utilities used by jQuery UI to build interactions and widgets.<\/p>\n\n<ul><li><a href=\"https:\/\/jqueryui.com\/position\/\">Position<\/a><\/li><li><a href=\"https:\/\/jqueryui.com\/widget\/\">Widget Factory<\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>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, &hellip; <a href=\"https:\/\/jqueryui.com\/demos\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":2,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/pages\/26\/revisions\/325"}],"wp:attachment":[{"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/categories?post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jqueryui.com\/wp-json\/wp\/v2\/tags?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}