JSFiddle - React, Tailwind, and code Playground

by EbenRoux

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/tags/v1.6.1/ember.js"></script>
<body>
    <script type="text/x-handlebars">
        <h2>Welcome to Ember.js</h2>

        {{outlet}}
    </script>

    <script type="text/x-handlebars" data-template-name="index">
        <ul>
        {{#each item in model}}
            <li>{{item}}</li>
        {{/each}}
        </ul>
        {{view Ember.Select content=model}}
    </script>

</body>

CSS

/* Put your CSS here */
html, body {
    margin: 20px;
}

JavaScript

App = Ember.Application.create();

App.Router.map(function() {
    // put your routes here
});

App.IndexRoute = Ember.Route.extend({
    model: function() {
        return ['red', 'yellow', 'blue'];
    }
});