image-masonry

A responsive justified image layout grid which maintains image aspect ratios with no trailing or incomplete last row. Best possible layout found by creating a graph of all possible row combinations and finding the shortest path through the graph using a target row height as the basis for weight / cost of each graph node.

Examples

• Vue: Basic - Advanced
• React: Basic - Advanced
• Angular: Basic - Advanced
• Svelte: Basic - Advanced
• LitElement: Basic - Advanced

Screenshot