YUI Logo
  • Register
  • Log in
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • Tutorials
    • API Docs
  • Community
    • Gallery
    • Blog »
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • YUI 2
    • YUI Compressor
    • YUI Doc
    • YUI Builder
    • YUI PHP Loader
    • YUI Test
    • YUI Website

YUI is a free, open source JavaScript and CSS framework for building richly interactive web applications. YUI is provided under a BSD license and is available on GitHub for forking and contribution.

Fast

YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world.

Complete

YUI's intuitive and well-documented API takes you from basic DOM handling to building performant and maintainable applications on desktop browsers, mobile devices, and servers.

Industrial Strength

A thriving community, a carefully architected infrastructure, and a comprehensive suite of tools help you code like a pro, from simple web pages to complex web applications.

▶ Run
// Click the "Run" button to get started with YUI!
YUI().use('transition', function (Y) {
    Y.one('#run-example').on('click', function (e) {
        e.preventDefault();

        Y.one('#example').hide('fadeOut', function () {
            Y.one('#quick-start').show('fadeIn');
        });
    });
});

1. Copy and paste

// Put the YUI seed file on your page.
<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>

The YUI seed file is an ultra-small bit of JavaScript that enables you to load any YUI component on your page.

2. Start using YUI!

<script>
// Create a YUI sandbox on your page.
YUI().use('node', 'event', function (Y) {
    // The Node and Event modules are loaded and ready to use.
    // Your code goes here!
});
</script>

Learn More »

A Few Examples

See All Examples »
  • Charts: Chart with Multiple Series

    Screenshot of a line chart showing multiple lines.
  • App Framework: Todo List

    Screenshot of a todo list app.
  • CSS Grids: Using Grid Units

    Screenshot of a page layout using CSS grids.
  • Calendar: Simple Calendar with Selection

    Screenshot of a YUI Calendar widget.
Quick Start Tutorial

YUI Theater Videos

  • 1:07:52 YUI Open Hours: 3.5.0 DataTable Update 9 days ago
  • 42:13 Ryan Cannon: There is no off-season: NFL.com's move to YUI 15 days ago
  • 39:01 Paul Donnelly: Using Yahoo! Pipes and the YQL Module 20 days ago

More Videos »

YouTube icon YUI on YouTube

Tweets About YUI

  • alisonclemonsbe http://t.co/QROEy2HI Ryan Cannon: There is no off-season: http://t.co/ygRBywVk's move to YUI
    2 hours ago
  • macedits Yahoo starts open-sourcing Cocktail with Mojito, Javascript framework for iOS/Android module-widgets for server/browser http://t.co/ewVWCYSL
    6 hours ago
  • pipesnew #devseo: YUI Theater — Paul Donnelly: “Using Yahoo! Pipes and the YQL Module” (39 min.) - http://t.co/LjMa28V7
    7 hours ago
  • rockstar_ Yesterday I did something to the YUI Loader to get my job done. Today I realize that yesterday I was a wizard.
    7 hours ago
  • mrPerezMarc @foxxtrot does yui combo loader also minify or obfuscate?
    8 hours ago

More tweets »

Twitter icon Follow YUI on Twitter

© 2006-2012 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info