masonryan v1.0.0

Masonryan

a Javascript library for generate masonry layouts.

Installation

npm install masonryan

How to Use

<div class="masonryContainer">
	<div class="item">
		<img src="picture.jpg' />
	</div>
</div>

<script>
let masonry = new Masonryan({
	container: ".masonryContainer",
	items: ".masonryContainer .item",
	dividedBy: 5
});
</script>

Inside constructor properties, we have 3 required objects to fill. In items object, I suggest you to insert the prefix (your container selector) before your items selector. And the dividedBy object is count of horizontal column you want to render.