demos.html

<script>{
	"title": "jQuery UI Demos"
}</script>

<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, <a href="/themeroller/">build a theme</a>, read the
<a href="https://api.jqueryui.com/">API documentation</a> and start using jQuery
UI today.</p>

<h2>Interactions</h2>
<p>Interactions add basic mouse-based behaviors to any element. You can create
sortable lists, resizable elements, drag &amp; drop behaviors and more with just
a few lines of code. Interactions also make great building blocks for more complex
widgets and applications.</p>

<!--category-links(interactions)-->

<h2>Widgets</h2>
<p>Widgets are full-featured UI controls that bring the richness of desktop
applications to the Web. All widgets provide a solid core with plenty of extension
points for customizing behavior, as well as full theming support.</p>

<!--category-links(widgets)-->

<h2>Effects</h2>
<p>Effects add support for animating colors and class transitions, as well as
providing several additional easings. In addition, a full suite of custom effects
are available for use when showing and hiding elements or just to add some visual
appeal.</p>
<ul>
	<li><a href="/effect/">Effect</a></li>
	<li>Visibility
		<ul>
			<li><a href="/show/">Show</a></li>
			<li><a href="/hide/">Hide</a></li>
			<li><a href="/toggle/">Toggle</a></li>
		</ul>
	</li>
	<li>Class Animation
		<ul>
			<li><a href="/addClass/">Add Class</a></li>
			<li><a href="/removeClass/">Remove Class</a></li>
			<li><a href="/toggleClass/">Toggle Class</a></li>
			<li><a href="/switchClass/">Switch Class</a></li>
		</ul>
	</li>
	<li><a href="/animate/">Color Animation</a></li>
</ul>

<h2>Utilities</h2>
<p>Utilities used by jQuery UI to build interactions and widgets.</p>

<!--category-links(utilities)-->