JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.2
/jquery-ui.min.js"></script>

<ul>
<li>thing 1</li>
<li>thing 2</li>
<li>thing 3</li>
<li>thing 4</li>
<li>thing 5</li>
<li>thing 6</li>
<li>thing 7</li>
<li>thing 8</li>
<li>thing 9</li>
<li>thing 10</li>
<li>thing 11</li>
<li>thing 12</li>
<li>thing 13</li>
<li>thing 14</li>
<li>thing 15</li>
<li>thing 16</li>
<li>thing 17</li>
<li>thing 18</li>
<li>thing 19</li>
<li>thing 20</li>
<li>thing 21</li>
<li>thing 22</li>
<li>thing 23</li>
<li>thing 24</li>
</ul>

CSS

li {
  display: block;
  width: 100px;
  height: 50px;
  background: white;
  border: 1px solid black;
}

JavaScript

$(document).ready(function (){
	$('ul').sortable({
  	'items': 'li',
  	'containment': 'document'
  })
});