JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.5/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.5/plugins/CSSPlugin.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.5/utils/Draggable.min.js"></script>
<div id="outer"><div id="box"></div></div>

CSS

#outer {
    background: #eee;
    position: absolute; top: 100px; left: 100px;
    width: 400px; height: 400px;
}

#box {
    background: #999;
    width: 100px; height: 100px;
}

JavaScript

Draggable.create('#box', { bounds: '#outer'})