How to make a non-standard grid or maybe there is an adaptive non-standard grid plugin?

Question

PHP

Hello!
What you need is an algorithm that will display such a non-standard grid using PHP or Smarty. Or a JS plugin that will do something like , but the mandatory requirement is adaptability.
I will describe the situation:
1. 1300 categories, some popular some not, they need to be assembled from different block sizes, of course there will be no more than 40-50 categories, or even less. Size indicates priority.
2. All blocks must be built based on the specified attribute from the admin panel, for example, big, middle, small, etc.
3. It should be possible to somehow arrange and rearrange the position of elements, in manual mode.
Looked towards gridster.net/#serialize_methodin principle, there is everything, there is even a grid output where which block is located, but there is no adaptability.
PS: it should be possible to select the location of elements manually in the admin panel.

Answer 1

masonry.desandro.com

Answer 2

perhaps mansory is required, it adds different blocks in a row, but your task sounds like - I want it to add up, but it could be broken manually.
As for the grid, maybe the bootstrap grid will do. moreover, if you draw using php, then you can simply accumulate content by blocks, for example -
go through the elements, if the element is less than the standard one (10 sets of cosmetics), then combine it into subblocks. for example, 1 unit of block height is 1/4, which means we collect blocks smaller than the standard one in order to gain the height we need. and then draw the element. in such a case, those blocks needed in the first place will be near that first place. and then gather the rest depending on the page.