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
Gen AI apps are built with MongoDB Atlas Icon
Gen AI apps are built with MongoDB Atlas

Build gen AI apps with an all-in-one modern database: MongoDB Atlas

MongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
Start Free
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