JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.kineticjs.com/download/v4.0.4/kinetic-v4.0.4.js"></script>
<div id="container"></div>

JavaScript

window.onload = function() {
    var stage = new Kinetic.Stage({
        container: "container",
        width: 578,
        height: 200
    });
    var shapesLayer = new Kinetic.Layer();
    var group = new Kinetic.Group({
        x: 220,
        y: 40,
        draggable: true
    });

    var colors = ["red", "orange", "yellow"];

    for(var n = 0; n < 3; n++) {
        // anonymous function to induce scope
        (function() {
            var i = n;
            var box = new Kinetic.Rect({
                x: i * 30,
                y: i * 18,
                width: 100,
                height: 50,
                name: colors[i],
                fill: colors[i],
                stroke: "black",
                strokeWidth: 4
            });

            group.add(box);
        })();
    }

    shapesLayer.add(group);
    stage.add(shapesLayer);
    stage.draw();
};