Angular‑Masonry is an AngularJS directive that seamlessly wraps Desandro’s Masonry layout library. It enables dynamic, Pinterest-style grid layouts in your AngularJS apps. Bricks automatically reposition as items load, with optional image‑loaded detection to prevent overlaps. It’s easily installed via npm or Bower and supports custom selectors and Masonry options.

Features

  • Masonry directive for automatic grid brick layout
  • Supports imagesloaded plugin for image-dependent layout
  • Customizable item-selector for non-default markup
  • Configurable Masonry settings via options
  • Ideal for dynamic, filterable, reorderable UIs
  • Lightweight, MIT-licensed, AngularJS-native

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Angular Masonry

Angular Masonry Web Site

Other Useful Business Software
Full-stack observability with actually useful AI | Grafana Cloud Icon
Full-stack observability with actually useful AI | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Angular Masonry!

Additional Project Details

Operating Systems

Linux, Mac, Windows

Programming Language

CoffeeScript

Related Categories

CoffeeScript Software Development Software

Registered

2025-07-09