grain-masonry | Vaadin

(no summary available)

[ This description is mirrored from at on 2019-05-22 ]

Published on Polymer Version


Wrapper for the amazing masonry grid. (


<grain-masonry transition-duration="250">
  <article style="height: 30px;">Power</article>
  <article style="height: 50px;">To</article>
  <article style="height: 25px;">The</article>
  <article style="height: 35px;">People</article>
  <article style="height: 40px;">!</article>
  article {
    background: #36abcc; width: 29%; margin: 2%; color: #fff; display: flex; align-items: center; justify-content: center;


$ bower install --save daKmoR/grain-masonry

Getting Started

Import the package.

<link rel="import" href="/bower_components/grain-masonry/grain-masonry.html">

For more information, see the API documentation.

Working on the Element

First, make sure you have the Polymer CLI installed.

  • View the Element via polymer serve
  • Run tests via polymer test


Link to this version
TestedReleased 05 July 2017Other
Framework Support
Polymer 1.0+
Browser Compatibility
Install with
Release notes - Version 0.8.2


Polymer/polymer#>=2.0.0-rc.2 <3.0

  • daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
  • daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
  • masonry#^4.2.0