YUI 3.x Home -

Site Search (YDN, YUILibrary & YUIBlog):

# The Yahoo! User Interface Library (YUI) 3.3.0

## YUI 3.3.0

Thank you for downloading the free, BSD-licensed YUI 3 JavaScript and CSS Library.

Along with the source code for YUI, your download includes 220 functional examples and tutorials showing YUI 3 in action. Use the list below or the menu at left to review these YUI demos. Hundreds of additional YUI components are available in the YUI 3 Gallery.

User's guides for each YUI component can be found on the YUI website. (Note: Almost all examples in this distribution will work if you are browsing them from your filesystem, but some examples included here do need to be deployed on a PHP-enabled http server to function properly; if you don't have access to such a setup, just check out those examples on our website to see how they work.)

#### YUI 3 Core Examples

- Event
- Node
- The YUI Global Object

#### YUI 3 Component Infrastructure Examples

- Attribute
- Plugin
- Widget

#### YUI 3 Widget Examples

- AutoComplete
- Charts
- DataTable
- Dial
- Overlay
- Rich Text Editor
- ScrollView
- Slider
- TabView

#### YUI 3 Utility Examples

- Animation
- ArraySort
- AsyncQueue
- Cache
- Cookie
- DataSchema
- DataSource
- DataType
- Drag & Drop
- Get
- History
- IO
- ImageLoader
- Internationalization
- JSON
- JSONP
- Recordset
- Resize
- Sortable
- StyleSheet
- Transition
- Uploader
- YQL Query

#### YUI 3 CSS Examples

- CSS Base
- CSS Fonts
- CSS Grids
- CSS Reset

#### YUI 3 Node Plugin Examples

- Focus Manager Node Plugin
- MenuNav Node Plugin

#### YUI 3 Developer Tool Examples

- Console
- Plugin.ConsoleFilters
- Profiler
- Test

### YUI 3 Gallery Highlights

The YUI community has contributed hundreds of modules to the YUI 3 Gallery, most of which are as easy to use as those included in the distribution. Here are some of the most important gallery modules, but be sure to review the full contents of the gallery before you begin a new project.

#### Gallery Links

- YUI 3 Gallery
- All Gallery Modules — see all 200+ modules in the YUI 3 Gallery.
- Contributing to the Gallery

#### General Utilities

- Effects
- EventSource (Server-sent Events)
- Geolocation
- Modernizr
- Raphael
- Storage Lite
- YUI SVG Extensions

#### General UI Widgets

- Color Picker
- Paginator
- Progress Bars:
  - AlloyUI Progressbar
  - Progressbar
- Ratings:
  - AlloyUI Rating
  - Heat Bar Rater
  - Ratings

#### Date/Time Widgets

- Calendars:
  - AlloyUI Calendar
  - Calendar
- Timepicker

#### Form Utilities and Widgets

- AlloyUI Editable
- AlloyUI Form Collection
- Buttons:
  - AlloyUI ButtonItem
  - Button
- Checkbox Groups
- Form
- Form Manager
- HTML5 Forms

#### Media Widgets

- Slideshows:
  - ImageViewer
  - Lightbox
  - Slideshow
  - YUI Slideshow
- Soundmanager Player
- Video Players:
  - HTML5 Player
  - Video

#### Navigation Widgets

- Accordions:
  - Accordion
  - Accordion (Horizontal/Veritical)
  - Node Accordion
- Carousels:
  - AlloyUI Carousel
  - Carousel
- Menus:
  - Radial Menu
  - Simple Menu
- Trees:
  - AlloyUI Tree
  - YUI3-Treeview

#### Overlay Widgets

- AlloyUI Overlay
- Dialog
- Overlay Extras

### Getting Started

1. Check out the examples of YUI in action. We recommend starting with the base YUI module and then move on to Node. Other utilities like Event, IO and Drag and Drop make for good points of exploration.
2. Remember that there are full user's guides for each component on the YUI website. If you have any questions about a component as you play with the examples, check out the component's user's guide (by following any of the links along the left side of the page) or the searchable API documentation.
3. Visit the Gallery: The YUI 3 Gallery contains hundreds of user-contributed, YUI 3-based modules you can use directly from your `YUI().use()` invocation.
4. Start building. Use the YUI 3 Configurator to configure a page for YUI 3 usage or base your exploration off of one of the existing examples.
5. Become a member of the YUI community. The YUI team and developers in the YUI community share thoughts and solutions in YUI 3 Forums. YUI developers also contribute to the YUIBlog, where you'll find in-depth articles, videos and other great content about YUI and the world of frontend engineering.

Copyright © 2011 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings