JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.12.0.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

<ul id="menu">
<li><div>Light</div>
        <ul>
        <li><div>Chrome</div></li>
            <li><div>Clouds</div></li>
            <li><div>Crimson Editor</div></li>
            <li><div>Dawn</div></li>
            <li><div>Dreamweaver</div></li>
            <li><div>Eclipse</div></li>
            <li><div>GitHub</div></li>
            <li><div>Solarized Light</div></li>
            <li><div>TextMate</div></li>
            <li><div>Tomorrow</div></li>
            <li><div>XCode</div></li>
            </ul>
    </li>
    <li><div>
    Dark</div>
        <ul>
            <li><div>Chrome</div></li>
            <li><div>Clouds</div></li>
            <li><div>Crimson Editor</div></li>
            <li><div>Dawn</div></li>
            <li><div>Dreamweaver</div></li>
            <li><div>Eclipse</div></li>
            <li><div>GitHub</div></li>
            <li><div>Solarized Light</div></li>
            <li><div>TextMate</div></li>
            <li><div>Tomorrow</div></li>
            <li><div>XCode</div></li>
            <li><div>Chrome</div></li>
            <li><div>Clouds</div></li>
            <li><div>Crimson Editor</div></li>
            <li><div>Dawn</div></li>
            <li><div>Dreamweaver</div></li>
            <li><div>Eclipse</div></li>
            </ul>
    </li>
    </ul>

CSS

.ui-menu {
    width: 200px;
}
#menu {
    position: absolute;
    bottom: 0;
}

JavaScript

$( "#menu" ).menu();