JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://aehlke.github.com/tag-it/css/jquery.tagit.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script src="http://aehlke.github.com/tag-it/js/tag-it.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<script src="http://knockoutjs.com/js/knockout-2.1.0.js"></script>
<ul id="mytags" data-bind='foreach: Tags' >
    <li data-bind="text:$data.Name"></li>
</ul>

JavaScript

function AppViewModel() {
var self = this;

function Tag(data) {
            this.Name = data;
        }

self.Tags = ko.observableArray([
            new Tag('red'),
            new Tag('blue'),
            new Tag('green')
        ]);
 }

// Activates knockout.js
ko.applyBindings(new AppViewModel());
$("#mytags").tagit();