e-oj

This doesn't and I think most grid solutions keep the items separate

You're right requestAnimationFrame is more efficient than using the resize listener with a delay. I'm actually working on an update to change that. It'll be fixed soon.

No, the library doesn't support that. you should be able to achieve the effect with plain html and css though.

Makes it much easier to segment the grid into rows or columns

When the components in a grid have different heights, a single longer or shorter component stretches the whole row or leaves unpleasant whitespace at the bottom.

Depends on the use case. If the grid's items have varying widths then masonry is the better option. However, for a grid with equal width items, I'll definitely go with magic grid. It's just so much lighter (2.3kb minified) than masonry (23.5kb minified).

Github repo: https://github.com/e-oj/Magic-Grid/