YUI Library

<h2 id="features">Features</h2>
<p>The YUI Library is fully documented on its website; detailed API documentation accompanies the library download. It has six types of components: YUI core, utilities, UI controls, CSS components, developer tools, and build tools.
</p>
<h3>Core</h3>
<p>The YUI Core is a light (31KB minified) set of tools for event management and DOM manipulation.
</p>
YUI Global Object
The YUI Global Object contains language utilities, a script loader, and other baseline infrastructure for YUI.
Dom Collection
Helps with common <a href="/facts/Document_Object_Model/GglE6jGx">DOM</a> scripting tasks, including element positioning and <a href="/facts/Cascading_Style_Sheets/tA90XBQo">CSS</a> style management.
Event Utility
Provides developers with easy and safe access to browser <a href="/facts/Event-driven_programming/QlGL2Fu6">events</a> (such as mouse clicks and key presses). It also provides the Custom Event object for publishing and subscribing to custom events.
<h3>Utilities</h3>
Animation
Helps create "effects" by animating the position, size, opacity or other characteristics of page elements.
Browser History Manager
Helps web applications use the browser's back button and bookmarking functionality.
Connection Manager
Helps manage <a href="/facts/XMLHttpRequest/3FHofhdx">XMLHttpRequest</a> transactions in a <a href="/facts/Cross-browser/3pgytz0u">cross-browser</a> fashion. It has integrated support for <a href="/facts/Form_(web)/9Ivp2peo">form</a> posts, <a href="/facts/Error_handling/VrJxgb9r">error handling</a>, <a href="/facts/Callback_(computer_science)/vPlrCJXG">callbacks</a> and file uploading.
Cookie
Allows you to manage <a href="/facts/HTTP_Cookie/o1laXyng">browser cookies</a> and subcookies through a simple API.
DataSource
Provides a common configurable interface for other components to interact with different types of data, from simple JavaScript arrays to online servers over XHR.
Drag and drop
The YUI Drag and Drop Utility makes it easy to make elements "<a href="/facts/Drag_and_drop/7Xd8vXfn">draggable</a>" and to create drop targets that respond to drag events.
Element
Provides a wrapper for <a href="/facts/HTML_element/s4TKzjUP">HTML elements</a> in the DOM and makes simpler common tasks such as adding listeners, manipulating the DOM, and setting and getting attributes.
Get
The Get Utility supports the asynchronous loading of data and scripts through script nodes and the dynamic loading of external CSS files.
ImageLoader
YUI's ImageLoader allows you to defer the loading of images that are not visible in the viewport at the time the page loads.  This can result in big performance boosts.
JSON
The JSON Utility provides methods for validation of incoming <a href="/facts/JSON/bs1rUAhd">JSON</a> data to verify that it is safe and methods to convert JavaScript data to a JSON-formatted string.  These methods are based on <a href="/facts/Douglas_Crockford/wIFvJkte">Douglas Crockford's</a> work at JSON.org.
Resize
Allows you to make any block-level HTML element resizable.
Selector
The YUI Selector Utility allows you to grab references to HTML elements via CSS3 selector syntax.
YUI Loader
YUI Loader is a client-side loader engine that can dynamically load any YUI component (and dependencies) on the fly.
<h3>Controls</h3>
AutoComplete
Provides <a href="/facts/Autocomplete/eLNAGYlS">autocomplete</a> feature (suggestion lists and type-ahead functionality) for user interactions involving text-entry. It supports a variety of data-source formats. It also supports server-side data-sources via XMLHttpRequest.
Button
Enables the creation of rich, graphical buttons that function like traditional HTML form buttons.
Calendar
A graphical, dynamic control used for date selection.
Charts
The Charts Control retrieves data via the DataSource Utility and displays the data in a variety of common chart formats (line, bar, pie, etc.).
Color Picker
The Color Picker Control provides a rich visual interface for color selection.
Container
Supports a variety of DHTML windowing patterns including <a href="/facts/Tooltip/alzUJ5c2">Tooltip</a>, Panel, Dialog, SimpleDialog, Module and Overlay.
DataTable
Simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizable columns, and inline editing.
ImageCropper
ImageCropper provides the UI and interactive elements for a client-side image cropper.
Layout Manager
Allows you to create cross-browser, pixel perfect layouts with little effort by providing a fixed layout containing, top, bottom, left, right and center layout units.
Menu
Provides an easy API for creating fly-out <a href="/facts/Menu_(computing)/zdKCgPGq">menus</a>, menu bars, and context menus.
Rich Text Editor
The <a href="/facts/YUI_Rich_Text_Editor/efm5nCal">YUI Rich Text Editor</a> is a sophisticated client-side text-processor that is modular and highly configurable, suitable for any open-ended text-entry situation.
Slider
Provides a generic slider element that enables the user to choose within a finite range of values on one or two axes.
TabView
Provides navigable tabbed views of content; supports dynamic loading of tab content via XMLHttpRequest.
TreeView
Produces a content tree whose nodes can be expanded and contracted.
Uploader
Allows for multi-file file upload with feedback on upload progress.
<h3>CSS resources</h3>
CSS Base
Use Base after Reset to provide a consistent, cross-browser replacement for the standard browser CSS rules to which web developers are  accustomed.
CSS Grids
Seven basic page wireframes with subsection components to support over 1000 different page layouts.
CSS Fonts
Standardized cross-browser font families and size rendering.
CSS Reset
CSS declarations remove margins and standardize cross-browser rendering on common elements.
<h3>Developer tools</h3>
Logger
Provides a quick and easy way to write <a href="/facts/Data_logging/U3GglNdc">log</a> messages to an on-screen console, the <a href="/facts/Firebug_(web_development)/u1RhBlFF">Firebug</a> extension for <a href="/facts/Mozilla_Firefox/xez2zv8H">Mozilla Firefox</a>, or the <a href="/facts/Safari_(web_browser)/9R8v7tNl">Safari</a> JavaScript console.
Profiler
A cross-browser, non-visual code profiler for JavaScript.
ProfilerViewer
Used in combination with Profiler to provide rich visualizations of your profiling data — both graphically (using the Charts Control) and in tabular format (using DataTable).
YUI Test
YUI Test is a testing framework for browser-based JavaScript solutions. Using YUI Test, you can easily add unit testing to your JavaScript solutions. While not a direct port from any specific xUnit framework, YUI Test does derive some characteristics from nUnit and JUnit.
<h3>Build tools</h3>
YUI Compressor
YUI Compressor is a tool that minifies <a href="/facts/JavaScript/XhhIIEsl">JavaScript</a> and CSS safely.
YUIDoc
YUIDoc is a tool written in <a href="/facts/JavaScript/XhhIIEsl">JavaScript</a> that generates searchable API documentation of JavaScript code. It is typically used as part of a build process. YUIDoc is comment-driven and is compatible with a variety of coding styles and programming languages.
<h2 id="see-also">See also</h2>
<ul>
<li>Free and open-source software portal</li></ul>
<ul><li><a href="/facts/Comparison_of_JavaScript_frameworks/74bS48ah">Comparison of JavaScript frameworks</a></li>
<li><a href="/facts/CSS_framework/2tEnktQc">CSS framework</a></li>
<li><a href="/facts/JavaScript_framework/8f1CVHDX">JavaScript framework</a></li>
<li><a href="/facts/JavaScript_library/vjUJ5DGC">JavaScript library</a></li></ul>

<h2 id="external-links">External links</h2>
<ul><li><a href="http://yuilibrary.com/">YUI Project Site and Issue Trackers</a></li>
<li><a href="https://github.com/yui">YUI Public Source Code Repository</a></li>
<li><a href="http://yuiblog.com/">Yahoo! User Interface Blog</a></li>
<li><a href="http://developer.yahoo.com/ypatterns/">Yahoo! Design Patterns Library</a></li>
<li><a href="http://yuicoder.com/">YUICoder.com - Manipulating the Yahoo! User Interface</a> (covers old YUI 2.x)</li></ul>

<h2 id="references">References</h2>

<ol>
<li id="fn:1"><p>"YUI Library". Retrieved 13 June 2008. <a href="http://developer.yahoo.com/yui/" target="_blank">http://developer.yahoo.com/yui/</a> <a href="#fnref:1" class="footnote-back-ref">↩</a></p></li>
<li id="fn:2"><p>"The Yahoo! User Interface Library". Yahoo! User Interface Blog. 13 February 2006. Archived from the original on 11 June 2008. Retrieved 13 June 2008. <a href="https://web.archive.org/web/20080611093629/http://yuiblog.com/blog/2006/02/13/the-yahoo-user-interface-library/" target="_blank">https://web.archive.org/web/20080611093629/http://yuiblog.com/blog/2006/02/13/the-yahoo-user-interface-library/</a> <a href="#fnref:2" class="footnote-back-ref">↩</a></p></li>
<li id="fn:3"><p>"YUI 3.0.0: First GA Release of YUI's Next-Generation Codeline". Yahoo! User Interface Blog. 29 September 2009. Retrieved 18 November 2009. <a href="http://www.yuiblog.com/blog/2009/09/29/yui-3-0-0/" target="_blank">http://www.yuiblog.com/blog/2009/09/29/yui-3-0-0/</a> <a href="#fnref:3" class="footnote-back-ref">↩</a></p></li>
<li id="fn:4"><p>"Important Announcement Regarding YUI". Yahoo! Engineering. Retrieved 29 August 2014. <a href="https://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui" target="_blank">https://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui</a> <a href="#fnref:4" class="footnote-back-ref">↩</a></p></li>
</ol>

YUI Library open-in-new

YUI Library