@tiny-components/masonry (0.4.0)

Published 6 days ago by HerrHase

Installation

Setup this registry in your project .npmrc file:

@tiny-components:registry=https://git.node001.net/api/packages/tiny-components/npm/

To install the package using npm, run the following command:

npm install @tiny-components/masonry@0.4.0

or add it to the package.json file:

"@tiny-components/masonry": "0.4.0"

For more information on the npm registry, see the documentation.

About this package

Tiny Components - Masonry

Proof of Concept!

Using Styles for UI from Plain-UI

And a few Ideas from this Article

Source: https://gitea.node001.net/tiny-components/masonry
Mirror: https://github.com/node001-net/tiny-components-masonry

Installation

Setup this registry in your project .npmrc file:

@tiny-components:registry=https://gitea.node001.net/api/packages/tiny-components/npm/

Install with npm or yarn

npm i --save @tiny-components/masonry
yarn add @tiny-components/masonry

Using

import Masonry from './masonry.js'

document.addEventListener("DOMContentLoaded", (event) => { 
    const masonry = new Masonry()
})

Markup,

<div class="tiny-masonry">
    <div class="tiny-masonry__item">
        <div class="tiny-masonry__item-inner">
            <img src="/demo.jpg" loading="lazy" /><span>1</span>
        </div>
    </div>
    ...
</div>

Dependencies

Dependencies

ID	Version
@tiny-components/plain-ui	^0.6.0
throttle-debounce	^5.0.0

Development Dependencies

ID	Version
laravel-mix	^6.0.49
laravel-mix-purgecss	^6.0.0
sass	^1.62.1
sass-loader	^12.6.0
svg-spritemap-webpack-plugin	^4.5.0

Details

npm

6 days ago

2

Björn Hase

MIT

latest

17 MiB

Assets (1)

masonry-0.4.0.tgz 17 MiB

Versions (4) View all

0.4.0 on 2025-04-13

0.3.0 on 2023-07-12

0.2.0 on 2023-05-26

0.1.0 on 2023-05-22