<div id="headerMaxCont">

<div id="headerMainSandbag"></div>

<div id="headerContainer">

<div id="headeraL">

<a href="http://developer.yahoo.com/"></a>

</div>

<div id="headeraR">

<div id="searchArea">

<!-- ul class="srchOptns">

</ul -->

<div class="srchFld">

<form action="http://search.yahoo.com/search" method="get">

<div id="sitesearch">

<input type="text" name="va" value="" id="searchinput">

<input type="hidden" name="vs" value="developer.yahoo.com">

<input type="hidden" name="vs" value="yuiblog.com">

<input type="submit" name="sub" value="Search" id="searchsubmit" class="ygbt">

</div>

</form>

</div>

</div>

</div>

</div>

</div>

<div id="doc4" class="yui-t2">

<div id="bd">

<div id="yui-main">

<div class="yui-b">

<div id="main">

<h2>YUI 3 &mdash; Yahoo! User Interface Library</h2>

<div id="promo">

<p>YUI 3 is Yahoo!'s next-generation JavaScript and CSS library. It powers the new Yahoo! homepage and incorporates what we've learned in five years of dedicated library development. As of the 3.1.1 release, the YUI 3 Library has grown to include the core components, a full suite of utilities, the Widget Infrastructure, and a few Widgets. All YUI projects are <a href="/yui/license.html">BSD-licensed</a> and are <a href="http://github.com/yui">available for forking and contribution on GitHub</a>.</p>

<div class="yuiDownloads yui-skin-sam">

<form id="yui3Downloads" method="POST" action="/yui/3/download/">

<div class="yuiDownloadsButton">

<span id="yui3DownloadSubmit" class="actionButton yui-button yui-submit-button">

<span class="first-child">

<input type="submit" name="yuiDownloadSubmit" value="Download YUI 3.1.1">

</span>

</span>

</div>

<div class="yuiDownloadsOption first">

<div class="yuiDownloadOptionControl"><input type="radio" checked="true" id="yuiDownloadOptionSeed" name="yuiDownloadOption" value="seed"></div>

<div class="yuiDownloadOptionDescription">

<label for="yuiDownloadOptionSeed">

<h6>YUI Seed</h6>

<p><code>YUI().use()</code> any module (~6.9KB gzipped).</p>

</label>

</div>

</div>

<div class="yuiDownloadsOption">

<div class="yuiDownloadOptionControl"><input type="radio" id="yuiDownloadOptionDevkit" name="yuiDownloadOption" value="full"></div>

<div class="yuiDownloadOptionDescription">

<label for="yuiDownloadOptionDevkit">

<h6>Full Developer Kit</h6>

<p>Source, debug files, examples, and more (~7.2MB).</p>

</label>

</div>

</div>

<div class="yuiDownloadsOption" style="border-left:1px solid #dedede;">

<h6>Dependency Configurator</h6>

<p>Customize a YUI 3 rollup using the <a href="/yui/3/configurator/">Dependency Configurator</a>.</p>

</div>

</form>

</div>

<!-- <p><a href="http://yuilibrary.com/downloads/#yui3">Download YUI 3.1.1</a> from <a href="http://yuilibrary.com/">YUILibrary.com</a>. Refer to the <a href="docs/">API documentation</a> and <a href="examples/"> functional examples</a> as you explore the library components. You can also join us in the <a href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 Forums</a>.</p>-->

<div class="yui-gb" id="yui3pagelinks">

<div class="yui-u first">

<h4>On This Page</h4>

<ul>

<li><a href="#start">Getting Started</a></li>

<li><a href="#license">Licensing</a></li>

<!-- <li><a href="#cheatsheets">Cheat Sheets</a></li> -->

<li><a href="#support">Support &amp; Community</a></li>

<li><a href="#filingbugs">Filing Bugs &amp; Feature Requests</a></li>

</ul>

<h4>Documentation</h4>

<ul>

<li><a href="api/">API Docs</a></li>

<li><a href="examples/">Functional Examples</a></li>

<li><a href="configurator">Dependency Configurator</a></li>

<!-- <li><a href="#cheatsheets">Videos &amp; Screencasts</a></li> -->

<!-- <li><a href="#presentations">Presentations about YUI</a></li> -->

</ul>

<h4>Developer Tools</h4>

<ul>

<li><a href='console/'>Console </a></li><li><a href='profiler/'>Profiler</a></li><li><a href='test/'>Test</a></li> </ul>

<h4>YUI 3 Gallery</h4>

<p>Visit the <a href="http://yuilibrary.com/gallery/">YUI 3 Gallery</a> for more YUI 3-based components contributed by the YUI community.</p>

</div>

<div class="yui-u">

<h4>Core</h4>

<ul>

<li><a href='yui/'>YUI Global Object</a></li><li><a href='node/'>Node</a></li><li><a href='event/'>Event</a></li> </ul>

<h4>Utilities</h4>

<ul>

<li><a href='anim/'>Animation</a></li><li><a href='async-queue/'>AsyncQueue</a></li><li><a href='cache/'>Cache</a></li><li><a href='cookie/'>Cookie</a></li><li><a href='dataschema/'>DataSchema </a></li><li><a href='datasource/'>DataSource </a></li><li><a href='datatype/'>DataType </a></li><li><a href='dd/'>Drag &amp; Drop (DD)</a></li><li><a href='get/'>Get</a></li><li><a href='history/'>History</a></li><li><a href='imageloader/'>ImageLoader</a></li><li><a href='intl/'>Internationalization </a></li><li><a href='io/'>IO</a></li><li><a href='json/'>JSON</a></li><li><a href='sortable/'>Sortable Utility </a></li><li><a href='stylesheet/'>StyleSheet</a></li> </ul>

</div><!-- /div.yui-u> -->

<div class="yui-u" id="infra">

<h4>Component Infrastructure</h4>

<ul>

<li><a href='attribute/'>Attribute</a></li><li><a href='base/'>Base</a></li><li><a href='plugin/'>Plugin</a></li><li><a href='widget/'>Widget</a></li> </ul>

<h4>Widgets</h4>

<ul>

<li><a href='overlay/'>Overlay </a></li><li><a href='slider/'>Slider </a></li><li><a href='tabview/'>Tabview </a></li> </ul>

<h4>Plugins</h4>

<ul>

<li><a href='node-focusmanager/'>FocusManager Node Plugin </a></li><li><a href='node-menunav/'>MenuNav Node Plugin </a></li><li><a href='console-filters/'>Console Filters Plugin </a></li> </ul>

<h4>CSS Resources</h4>

<ul>

<li><a href='cssreset/'>CSS Reset</a></li><li><a href='cssbase/'>CSS Base</a></li><li><a href='cssfonts/'>CSS Fonts</a></li> </ul>

</div>

</div><!-- div.yui.gb -->

<p id="blog">The library's developers blog on the <a href="http://yuiblog.com">YUI Blog</a> and the YUI community exchanges ideas about YUI 3 in the <a href="http://yuilibrary.com/forum/">YUI 3 Forum</a> on <a href="http://yuilibrary.com/">YUILibrary.com</a>.</p>

<p><strong>UPGRADE NOTE:</strong> In bringing the widget infrastructure to production quality for 3.1.0, the default prefix used for CSS classnames in YUI 3 has been changed from "yui-" to "yui3-" to avoid CSS classname conflicts in situations where YUI 2 widgets and YUI 3 widgets are deployed on the same page.</p>

</div><!-- div#promo -->

<h3 id="start" class="first">Getting Started</h3>

<ol class="gettingstarted">

<li><strong>Check out the examples of YUI in action.</strong> We recommend starting with the base <a href="examples/yui/">YUI module</a> and then moving on to <a href="examples/node/">Node</a>. Other utilities like <a href="examples/io/">IO</a> and <a href="examples/dd/">Drag and Drop</a> make for good points of exploration. </li>

<li><strong>Remember that there are full user's guides</strong> for each component here on the website &mdash; written by the engineers who write YUI, these are your best resources. Also rely on the <a href="api/">searchable API documentation</a> when you have questions.</li>

<li><strong>Start building.</strong> Use the <a href="configurator/">YUI 3 Configurator</a> to configure a page for YUI 3 usage or base your exploration off of one of the existing <a href="examples/">examples</a>.</li>

<li><strong>Become a member of the YUI community.</strong> Contribute to the conversations going on in the <a href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 community forums</a>. </li>

</ol>

<h3>Support &amp; Community</h3>

<div class="yui-g" id="utilityboxes">

<div class="yui-u first">

<div class="mod" id="support">

<div class="hd">

<h4>Forums &amp; Blog</h4>

</div>

<div class="bd">

<p><a href="http://yuilibrary.com/forum/viewforum.php?f=15">YUI 3 discussion forums</a> are hosted on YUILibrary.com.</p>

<p>In addition, please visit the <a href="http://yuiblog.com">YUIBlog</a> for updates and articles about the YUI Library written by the library's developers.</p>

</div>

</div>

</div>

<div class="yui-u">

<div class="mod" id="filingbugs">

<div class="hd">

<h4>Filing Bugs &amp; Feature Requests</h4>

</div>

<div class="bd">

<p>The YUI Library's public bug tracking and feature request repositories are located on <a href="http://yuilibrary.com/projects/yui3">the YUILibrary.com site</a>. Before filing new feature requests or bug reports, please review <a href="http://yuilibrary.com/projects/yuilibrary/wiki/Process/FilingATicket">our reporting guidelines</a>.</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="yui-b toc3" id="tocWrapper">

<!-- TABLE OF CONTENTS -->

<div id="toc">

<div id="downloadbtn">

<a href="http://yuilibrary.com/downloads/#yui3">Download YUI 3</a>

</div>

<ul>

<li class="sect first">YUI Library</li><li class="item"><a title="The Yahoo! User Interface Library (YUI)" href="/yui/">YUI Home</a></li><li class="item"><a title="YUI's robust and proven 2.x codeline" href="/yui/2/">YUI 2</a></li><li class="item"><a title="Keep up with the Yahoo! frontend engineering community on YUIBlog." href="http://yuiblog.com">YUIBlog</a></li><li class="item"><a title="Found a bug or a missing feature? Let us know on YUILibrary.com." href="/yui/articles/reportingbugs/">Bug Reports/Feature Requests</a></li><li class="item"><a title="Follow and fork YUI 3 and all other YUI Projects on GitHub." href="http://github.com/yui">YUI on GitHub</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="/yui/license.html">YUI's BSD License</a></li><li class="sect">YUI 3.x Resources</li><li class="selected "><a title="The Yahoo! User Interface Library (YUI)" href="/yui/3/">YUI 3 Home</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="/yui/3/examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="/yui/3/api/">YUI 3 API Docs</a></li><li class="item"><a title="Components contributed to YUI 3 by the developer community." href="http://yuilibrary.com/gallery/">YUI 3 Gallery</a></li><li class="item"><a title="Choose the optimal YUI configuration for your implementation, with files hosted by Yahoo! or on your own servers." href="/yui/3/configurator/">Dependency Configurator</a></li>

<li class="sect">YUI 3 Core:</li>

<li><a href='/yui/3/yui/'>YUI Global Object</a></li><li><a href='/yui/3/node/'>Node</a></li><li><a href='/yui/3/event/'>Event</a></li>

<li class="sect">YUI 3 Component Infrastructure:</li>

<li><a href='/yui/3/attribute/'>Attribute</a></li><li><a href='/yui/3/base/'>Base</a></li><li><a href='/yui/3/plugin/'>Plugin</a></li><li><a href='/yui/3/widget/'>Widget</a></li>

<li class="sect">YUI 3 Utilities:</li>

<li><a href='/yui/3/anim/'>Animation</a></li><li><a href='/yui/3/async-queue/'>AsyncQueue</a></li><li><a href='/yui/3/cache/'>Cache</a></li><li><a href='/yui/3/cookie/'>Cookie</a></li><li><a href='/yui/3/dataschema/'>DataSchema </a></li><li><a href='/yui/3/datasource/'>DataSource </a></li><li><a href='/yui/3/datatype/'>DataType </a></li><li><a href='/yui/3/dd/'>Drag &amp; Drop (DD)</a></li><li><a href='/yui/3/get/'>Get</a></li><li><a href='/yui/3/history/'>History</a></li><li><a href='/yui/3/imageloader/'>ImageLoader</a></li><li><a href='/yui/3/intl/'>Internationalization </a></li><li><a href='/yui/3/io/'>IO</a></li><li><a href='/yui/3/json/'>JSON</a></li><li><a href='/yui/3/sortable/'>Sortable Utility </a></li><li><a href='/yui/3/stylesheet/'>StyleSheet</a></li>

<li class="sect">YUI 3 Widgets:</li>

<li><a href='/yui/3/overlay/'>Overlay </a></li><li><a href='/yui/3/slider/'>Slider </a></li><li><a href='/yui/3/tabview/'>Tabview </a></li>

<li class="sect">YUI 3 Plugins:</li>

<li><a href='/yui/3/node-focusmanager/'>FocusManager Node Plugin </a></li><li><a href='/yui/3/node-menunav/'>MenuNav Node Plugin </a></li><li><a href='/yui/3/console-filters/'>Console Filters Plugin </a></li>

<li class="sect">YUI 3 Tools:</li>

<li><a href='/yui/3/console/'>Console </a></li><li><a href='/yui/3/profiler/'>Profiler</a></li><li><a href='/yui/3/test/'>Test</a></li>

<li class="sect">YUI 3 CSS:</li>

<li><a href='/yui/3/cssreset/'>CSS Reset</a></li><li><a href='/yui/3/cssbase/'>CSS Base</a></li><li><a href='/yui/3/cssfonts/'>CSS Fonts</a></li>

</ul>

</div>

</div>

</div>

<div id="footer3">

<div id="footer3legal">

<p>Copyright &copy; 2010 Yahoo! Inc. All rights reserved. <a href="http://info.yahoo.com/copyright/details.html" rel="nofollow">Copyright</a> | <a href="http://info.yahoo.com/privacy/us/yahoo/devel/details.html" rel="nofollow">Privacy Policy</a> | <a href="http://developer.yahoo.com/terms/" rel="nofollow">Terms of Use</a> | <a href="http://careers.yahoo.com/">Job Openings</a></p>

</div>

</div>