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
YUI 3 Component Infrastructure Examples
YUI 3 Widget Examples
YUI 3 Utility Examples
YUI 3 CSS Examples
YUI 3 Node Plugin Examples
YUI 3 Developer Tool Examples
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:
- Ratings:
Date/Time Widgets
- Calendars:
- Timepicker
Form Utilities and Widgets
Media Widgets
- Slideshows:
- Soundmanager Player
- Video Players:
Navigation Widgets
- Accordions:
- Carousels:
- Menus:
- Trees:
Overlay Widgets
Getting Started
- 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.
- 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.
- 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. - 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.
- 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.