@yeger/vue-masonry-wall

Responsive masonry layout with SSR support and zero dependencies for Vue 3.

Vue 2 version Documentation

yarn add @yeger/vue-masonry-wallnpm install @yeger/vue-masonry-wall
CINPMCoveragenpm peer dependency versionMIT

Settings

16px
1
5

Columns

256px
128px
128px
512px
128px

Items

128px

Index 0

(0, 0)

Height 182px

Index 6

(0, 1)

Height 412px

Index 1

(1, 0)

Height 298px

Index 7

(1, 1)

Height 216px

Index 2

(2, 0)

Height 321px

Index 3

(3, 0)

Height 318px

Index 9

(3, 1)

Height 264px

Index 4

(4, 0)

Height 141px

Index 5

(4, 1)

Height 130px

Index 8

(4, 2)

Height 381px