Building pinterest like cascading grid

Pinterest like Cascading grid

Such grid layouts have become very popular and seem to offer a much better user experience. Even google keep emulates this type of layout.

What would it take to build such a grid layout based on existing grid component ?

Please refer to a set of existing grid layout javascript frameworks that are available out there as of now

I searched through the entire set of existing component library and something that came closeby(not that really close) is ‘playing-cards’ by artur. Unfortunately that I think wont suffice the need.

Any thoughts or feedback would really help.

Are you using Vaadin 8 or planning to use e.g. Vaadin 14?

Masonry is already quite old thing, and there exists add-on for Vaadin 7. It would be rather small step to migrate it to Vaadin 8.

There is also Masonry Polymer web-component wrapper in Directory, which gives low hanging fruit for Vaadin 10+ integration.

Also in Vaadin 10+ the layouting is based on CSS FlexBox, so it should be in theory possible to compose layouts that are somewhat similar.

Any plan to support Vaadin 17 for java?

Thanks