A directive to use masonry with AngularJS.

Getting Started

  1. Install with bower or npm:
    bower install --save angular-masonry
    npm install --save angular-masonry
  2. Include angular-masonry.js.
  3. Add wu.masonry to you app modules.
  4. Use the masonry directive.
If you hate proper package management, you can also directly download angular-masonry.js or angular-masonry.min.js.

In Action

A masonry brick


<div masonry>
    <div class="masonry-brick" ng-repeat="brick in bricks">
        <img ng-src="{{ brick.src }}" alt="A masonry brick">
Fork me on GitHub