Fork me on GitHub

First Steps

A few things you should do to start creating awesome websites with beautiful components ;)

1. Copy and paste

<script src=""></script>

This is an ultra-small bit of JavaScript that enables you to load any AlloyUI component on your page.

2. Getting started!

Let's create an AUI instance and do some simple stuff, like capturing a DOM element and attaching a click event to it. Then let's run some transitions!

  function (A) {'.btn').on(
      'click', function() {
            width: '500px'

3. Using a UI component

Now let's take advantage of all the power that AlloyUI has and use one the UI components.

  function(A) {
    var tooltip = new A.Tooltip(
        bodyContent: '<iframe width="500" height="280" src="" frameborder="0" allowfullscreen></iframe>',
        trigger: '#tooltip'

Hover for a simple tooltip

and this is just the beginning!

AlloyUI has more than 60 components! Go ahead and navigate between them using the list on the left.