Newsletter Signup
Sign up to our newsletter to gain access to exclusive discounts and more.
Masonry Layout Stack
This stack positions each element in the next open spot in the grid. This minimizes vertical gaps between elements of varying height.
Demo
4 separate demonstrations have been set up:
Key Features
 |
Multi Column
Boxes can span multiple columns, if required.
|
|
Dynamic Reflow
If the browser gets resized, the elements will automatically reposition themselves.
|
|
Background Opacity
You can set the background opacity for the boxes easily, making them transparent.
|
|
Shadow Options
Add a shadow effect to the boxes.
|
Editing Area
The HUD
Number Items
Specify how many items you want to show.
Box Width
The width of each box.
Box Color
The background color of each box.
Box Padding
The padding of each box.
Box Margin
The margin of each box.
Box Rounded
How much to round the corners of each box.
Animation Time
The time of the animation displayed when the browser is resized.
Center
Whether or not to center everything.
Is Right to Left
Should items be added right to left.
Specify how many items you want to show.
Box Width
The width of each box.
Box Color
The background color of each box.
Box Padding
The padding of each box.
Box Margin
The margin of each box.
Box Rounded
How much to round the corners of each box.
Animation Time
The time of the animation displayed when the browser is resized.
Center
Whether or not to center everything.
Is Right to Left
Should items be added right to left.
Number Columns
How many columns you want the box to span. If set to zero, the box will be as wide as the contents within.
How many columns you want the box to span. If set to zero, the box will be as wide as the contents within.
Documentation
Extra documentation is available here.
Browser Support
v 3.0.11+
v 3.2.1+
v 9.64+
v 7+
v 4.0.249+- More info