https://github.com/mathiew82/masonry-layout-vanilla
Simple masonry developed in Vanilla JS.
https://github.com/mathiew82/masonry-layout-vanilla
masonry masonry-grid masonry-js masonry-layout masonry-layout-vanilla
Last synced: 3 months ago
JSON representation
Simple masonry developed in Vanilla JS.
- Host: GitHub
- URL: https://github.com/mathiew82/masonry-layout-vanilla
- Owner: Mathiew82
- Created: 2019-06-28T23:49:55.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-07-08T23:35:06.000Z (almost 6 years ago)
- Last Synced: 2025-01-05T07:15:05.444Z (5 months ago)
- Topics: masonry, masonry-grid, masonry-js, masonry-layout, masonry-layout-vanilla
- Language: HTML
- Size: 815 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# masonry-layout-vanilla
Simple masonry developed in javascript vanilla.
**[+ Demo online +](https://codepen.io/Mathiew82/pen/qzoKOK)**
### Enable it in your project:
You only need to download the files:
[masonry-layout-vanilla.js](https://github.com/Mathiew82/masonry-layout-vanilla/blob/master/src/masonry-layout-vanilla.js) *unminify js*
or
[masonry-layout-vanilla.min.js](https://github.com/Mathiew82/masonry-layout-vanilla/blob/master/src/masonry-layout-vanilla.min.js) *minify js*
and
[masonry-layout-vanilla.min.css](https://github.com/Mathiew82/masonry-layout-vanilla/blob/master/css/masonry-layout-vanilla.min.css) *minify css*
Include files in your project and follow the next steps.
**Note:** In the project's index.html you have available 2 demos and a test, which will serve as a guide to use the masonry.
#### CSS:
Copy-paste the stylesheet < link > into your < head > before all other stylesheets to load our CSS.
```html
```
#### JavaScript:
Place the following < script >s near the end of your pages, right before the closing