title: Draggable card that snaps to grid in React
body: <p>React newbie here.</p>
  <p>I am looking for a way to add drag and drop functionality to my website. The goal is to move cards in a grid (I am currently using tailwind css to handle the grid). I found a few libraries that enable drag and drop but none that would:</p>
  <ul>
  <li>work in a grid, i.e. in 2D</li>
  <li>snap the cards to the grid</li>
  <li>reorganize the cards when one is moved (to prevent overlapping)</li>
  </ul>
  <p>I tried using <a href="https://github.com/atlassian/react-beautiful-dnd" rel="nofollow noreferrer">react-beautiful-dnd</a> but it seems to only be suitable for lists (i.e. 1D). I also tried <a href="https://react-dnd.github.io/react-dnd/" rel="nofollow noreferrer">react-dnd</a> but I couldn't make it work either, I don't think it is meant to be used in a grid.</p>
  <p>I found some libraries that do exactly what I want in angular (<a href="https://stackblitz.com/edit/angular-dragdrop-grid" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-dragdrop-grid</a>) and in vue (<a href="https://codesandbox.io/s/j4vn761455" rel="nofollow noreferrer">https://codesandbox.io/s/j4vn761455</a>), but I can't seem to find react equivalents.</p>
  <p>Would you know a react library I could use?</p>
  <p>Thanks</p>