@s-ui/react-list-masonry v1.10.0

ListMasonry

ListMasonry is a React grid layout component. It works by placing elements in optimal position based on available vertical space.

const breakpoints = [600, 900]

<ListMasonry
  breakpoints={breakpoints}
  className='extra-class'
/>

Check the playground in order to get a complete view of the possibilities of the component. Try resizing your browser and check how this component build columns based on the breakpoints array passed via props.