JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<ul class="items">
  <li class="items__item">1</li>
  <li class="items__item">2</li>
  <li class="items__item">3</li>
  <li class="items__item">4</li>
  <li class="items__item">5</li>
  <li class="items__item">6</li>
  <li class="items__item">7</li>
  <li class="items__item">8</li>
  <li class="items__item">9</li>
</ul>

CSS

.items {
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  height: 400px;
  list-style: none;
}

.items__item {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  background: #eee;
}

JavaScript

$(function() {
	$('.items').sortable();
});