@chickenservice/fluidgrid

A javascript component that aligns arbitrary html elements in a grid similar to flickr or google images.

Usage no npm install needed!

<script type="module">
  import chickenserviceFluidgrid from 'https://cdn.skypack.dev/@chickenservice/fluidgrid';
</script>

README

fluidgrid

npm (scoped) npm bundle size (minified)

A javascript component that aligns arbitrary html elements in a grid similar to flickr or google images.

Sample app

A static html sample app shows how fluid grid works with randomly generated boxes. You can choose the amount of boxes, maximum height and padding / gutter.