JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Thorax Example</title>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta6/handlebars.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
    <script src="https://raw.github.com/walmartlabs/thorax/master/dist/thorax.js"></script>
    <script src="https://raw.github.com/gist/3504663/d1e6321e9fdb69ff47d636eab5df5e52acb64ae0/gistfile1.txt"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css"/>
  </head>
  <body>

  </body>
</html>

CoffeeScript

EmptyView = Thorax.View.extend
  name: 'empty'
  addModel: ->
    @setModel Thorax.Collections.Cats.instance.at(0)
  removeModel: ->
    @setModel false
  template: """
    <h3>Empty Example</h3>
    {{#empty}}
      <p>I'm empty!</p>
      {{#button "addModel" class="btn"}}Set Model{{/button}}
    {{else}}
      <p>I'm not empty. I contain a cat named {{name}}</p>
      {{#button "removeModel" class="btn"}}Remove Model{{/button}}
    {{/empty}}
  """ 

Application.setView new EmptyView