# masonry-plus

> Extends the masonry plugin by David DeSandro to filter and shuffle items.

Latest version **1.1.0** (published 2017-03-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install masonry-plus
pnpm add masonry-plus
yarn add masonry-plus
bun add masonry-plus
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2017-03-21 |
| First published | 2016-07-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Adnan M.Sagar, PhD. |
| Maintainers | websemantics |
| Keywords | masonry |

## Links

- npm: https://www.npmjs.com/package/masonry-plus
- Repository: https://github.com/websemantics/masonry-plus
- Homepage: https://github.com/websemantics/masonry-plus#readme
- Issues: https://github.com/websemantics/masonry-plus/issues
- npm.io page: https://npm.io/package/masonry-plus

## Dependencies (1)

- [masonry-layout](https://npm.io/package/masonry-layout.md) *

## Recent versions

- 1.1.0 (latest) — 2017-03-21
- 1.0.1 — 2016-09-20
- 1.0.0 — 2016-07-31
- 0.1.0 — 2016-07-03

## README

```
                                                                             ─────┬─ ───┼─────┬   ── ─
╭────┬───┬──╮╭──────╮╭──────╮╭──────╮╭────┬─╮╭───┬──╮╭───╮╭─╮      ╭────╮        ─┼─────┴ ────┼──
│           │├────  ││  ────┤│   ╭╮ ││      ││      ││   ││ │   ╭──╯    ╰──╮     
│   ╭╮  ╭╮  ││ ╭╮   ││      ││   ││ ││   ╭╮ ││    ╭─╯│   ╰╯ │   │    ─┼─   │   ─┬─────┬─         ┼──
│   ││  ││  ││ ╰╯   │├────  ││   ╰╯ ││   ││ ││    │  ├────  │   ╰──╮    ╭──╯    ┼─ ───┼─── ─   
╰───╯╰──╯╰──╯╰───┴──╯╰──────╯╰──────╯╰───╯╰─╯╰────╯  ╰──────╯      ╰────╯                     ┼─────┼──
                                                                           ───┴─            ──┴─── ─┴ ─
 ```
> Extends the [masonry](http://masonry.desandro.com) plugin by David DeSandro to filter and shuffle items.

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/websemantics/masonry-plus/master/LICENSE) [![GitHub forks](https://img.shields.io/github/forks/websemantics/masonry-plus.svg)](https://github.com/websemantics/masonry-plus/network) [![GitHub stars](https://img.shields.io/github/stars/websemantics/masonry-plus.svg)](https://github.com/websemantics/masonry-plus/stargazers)
[![Percentage of issues still open](http://isitmaintained.com/badge/open/websemantics/masonry-plus.svg)](http://isitmaintained.com/project/websemantics/masonry-plus "Percentage of issues still open") [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

#### See it in action @ [PyroCMS Cheatsheet](http://websemantics.github.io/pyrocms-cheatsheet)

## Install

Bower

```bash
Bower install masonry-plus
```

Node

```bash
npm install masonry-plus
```

## Usage

Vanilla JavaScript

```js
var masonry = new Masonry( '.grid', {'itemSelector': '.column'});

// layout a filtered list of items with 'data-filter' attribute is set to 'books'
masonry.layout({filter:'books'});

// shuffle the list of items
masonry.layout({shuffle:true});

// show all items
masonry.layout({filter:'*'});
```

jQuery

```js
// layout a filtered list of items with 'data-filter' attribute is set to 'books'
$('.grid').masonry('layout', {filter:'books'})

// combine filter and shuffle
$('.grid').masonry('layout', {filter:'books', shuffle:true})
```

## Support

Need help or have a question? post at [StackOverflow](https://stackoverflow.com/questions/tagged/masonry-plus+websemantics).

*Please don't use the issue trackers for support/questions.*

*Star if you find this project useful, to show support or simply for being awesome :)*

## Contribution

Contributions to this project are accepted in the form of feedback, bugs reports and even better - pull requests.

## License

[MIT license](http://opensource.org/licenses/mit-license.php) Copyright (c) Web Semantics, Inc.

---
_Source: https://npm.io/package/masonry-plus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._