Masonry Layout Study

Leistungsstarke Studie eines kaskadierenden Masonry-Grid-Layouts nach dem Vorbild von Pinterest und Unsplash. Das Layout reagiert besonders flüssig auf Änderungen der Fenstergrösse.
Case Study
Webflow Clonable

Details zum Projekt

Diese Projektstudie basiert auf Masonry.js von David Desandro, einer leistungsfähigen Library für kaskadierende Grid-Layouts nach dem Prinzip von Pinterest und Unsplash. In Kombination mit Flexbox lässt sich Masonry sehr gut in Webflow einsetzen. Die JavaScript-Implementierung ist etwas anspruchsvoller, überzeugt jedoch durch ein besonders ruhiges und sauberes Rendering beim Resizing des Viewports.

Umgesetzt wurde das Layout in Verbindung mit einer Webflow-CMS-Blog-Collection. Das Projekt kann frei geklont und als Ausgangspunkt für eigene Experimente genutzt werden.

No items found.