ereminmdev/yii2-masonry

Masonry assert for Yii framework.

Maintainers

Package info

github.com/ereminmdev/yii2-masonry

Homepage

Type:yii2-extension

pkg:composer/ereminmdev/yii2-masonry

Statistics

Installs: 71

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

Security

Advisories: 0

Aikido package health analysis

v1.0.7 2025-05-29 07:42 UTC

Requires

  • php: >=7.4
  • npm-asset/imagesloaded: ^4
  • npm-asset/masonry-layout: ^4
  • yiisoft/yii2: ~2.0.1

MIT c61917ada2cb16e45e0c6522006bb264e1188919

  • Michael Eremin <ereminmdev.woop@gmail.com>

layoutgridwidgetyii2masonry

This package is auto-updated.

Last update: 2026-03-01 00:10:54 UTC

README

Masonry widget for Yii framework.

This widget depends on masonry script: http://masonry.desandro.com

Install

composer require --prefer-dist ereminmdev/yii2-masonry

Documentation

http://masonry.desandro.com/options.html

Use

Add next code in the view file:

MasonryAsset::register($this);

$this->registerJs('
    new Masonry(".items", {
        itemSelector: ".item"
    });
');

To fix overlapping item elements, use ImagesLoaded:

ImagesLoadedAsset::register($this);
MasonryAsset::register($this);

$this->registerJs('
    imagesLoaded(document.querySelector(".items"), () => {
        new Masonry(".items", {
            itemSelector: ".item"
        });
    });
');