I am trying to create a grid layout where I have widgets that I can drag/drop/sort widgets onto it. I am hoping to find a free and easy way to do so. I have included snippets of Azure DevOps' grid layout where I can select a widget and drag it onto any square, and the other widgets adjust their location accordingly. This is the kind of thing I am going for.
MDBootstrap, JQuery-UI,and SortableJS seem to be the most popular options, but I am struggling to find examples of the grid layout with code snippets. Most YouTube videos I have seen show lists as their example, but I have not seen a proper grid layout yet. Also, it seems that I have to pay for MDBootstrap's implementation of these features, which is what I am trying to avoid.
Any help would be much appreciated, thank you!