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 »
  • App Framework: Todo List

    Screenshot of a todo list app.
  • AutoComplete: Remote Data via YQL

    Screenshot of an AutoComplete dropdown list.
  • Charts: Chart with Multiple Series

    Screenshot of a line chart showing multiple lines.
  • Calendar: Simple Calendar with Selection

    Screenshot of a YUI Calendar widget.
Quick Start Tutorial

YUI Theater Videos

  • 1:01:06 YUI Open Hours: Checking in with Dav Glass 1 day ago
  • 32:37 Gonzalo Cordero: Yahoo! Local Mobile Case Study 10 days ago
  • 1:14:49 YUI Open Hours: YUI 3.5.0 PR2 12 days ago

More Videos »

YouTube icon YUI on YouTube

Tweets About YUI

  • CodersUniverse jquery « Something-driven development: That's using jQuery Mobile 1.01 for the UI and YUI 3.5.0PR2 for the MVC c... http://t.co/FnF4UIFb
    3 hours ago
  • n2tech jquery « Something-driven development: That's using jQuery Mobile 1.01 for the UI and YUI 3.5.0PR2 for the MVC c... http://t.co/CeZnXzfC
    3 hours ago
  • chitwarnold @derek am looking at the videos will benefit alot from following you .Thanks. am new to YUI
    3 hours ago
  • thierrykoblentz @ls_n =&gt; .yui3-column-one {} is better than something like col:firstchild {} Also if I recall the styling of col is limited //cc @greghinch
    13 hours ago
  • yuilibrary This week on Open Hours, @reid will be joining us with updates on yeti - http://t.co/2RtsJcDm #jstesting
    14 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