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.
  • Calendar: Simple Calendar with Selection

    Screenshot of a YUI Calendar widget.
  • CSS Grids: Using Grid Units

    Screenshot of a page layout using CSS grids.
  • Drag & Drop: Interaction Groups

    Screenshot of a mouse cursor dragging a box onto a drop target.
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

  • kukoteh Publish Your Own Cookbook YuI: .UGR http://t.co/lLiik7Zx
    59 minutes ago
  • VanessaWDi jsFiddle - Online Editor (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) http://t.co/mR7T2A0V
    3 hours ago
  • bestjobsonline Sr. Web Developer - Javacript, YUI, Jquery, JAVA, HTML5, CSS - http://t.co/kisEHW7v #jobs #CyberCodersEngineering #Southlake
    8 hours ago
  • alisonclemonsbe http://t.co/QROEy2HI Ryan Cannon: There is no off-season: http://t.co/ygRBywVk's move to YUI
    12 hours ago
  • macedits Yahoo starts open-sourcing Cocktail with Mojito, Javascript framework for iOS/Android module-widgets for server/browser http://t.co/ewVWCYSL
    16 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