Svelte Bricks
 Svelte Bricks

NPM version Docs

Svelte masonry component with SSR support (via CSS container queries) and automatic column balancing.

Masonry size: 0px × 0px (w × h)

h0 = 253px

linear-gradient(45deg, #8ccef4, #e3bf11)

h5 = 139px

linear-gradient(45deg, #bc8cd2, #d7ca5e)

h10 = 134px

linear-gradient(45deg, #7094ad, #639c12)

h15 = 110px

linear-gradient(45deg, #abaa28, #1d94e8)

h20 = 127px

linear-gradient(45deg, #68f272, #6763d8)

h25 = 124px

linear-gradient(45deg, #199f88, #ae3658)

h1 = 155px

linear-gradient(45deg, #4112a8, #96ccdb)

h6 = 282px

linear-gradient(45deg, #cc8c38, #e1218f)

h11 = 236px

linear-gradient(45deg, #2cd464, #ce6037)

h16 = 202px

linear-gradient(45deg, #a1b6fa, #a1045f)

h21 = 113px

linear-gradient(45deg, #7d3cc8, #b5623a)

h26 = 124px

linear-gradient(45deg, #696d98, #a1773d)

h2 = 292px

linear-gradient(45deg, #2031e2, #91bf38)

h7 = 294px

linear-gradient(45deg, #1ff9fa, #02c3e7)

h12 = 235px

linear-gradient(45deg, #5101ce, #47cec2)

h17 = 124px

linear-gradient(45deg, #2e81c4, #8ae546)

h22 = 259px

linear-gradient(45deg, #ffa0b8, #a6e592)

h27 = 264px

linear-gradient(45deg, #73af08, #54ad8b)

h3 = 152px

linear-gradient(45deg, #49f4c8, #56b0b8)

h8 = 189px

linear-gradient(45deg, #c187d8, #290138)

h13 = 139px

linear-gradient(45deg, #6d9a97, #0f6e58)

h18 = 161px

linear-gradient(45deg, #e003f2, #cb6d73)

h23 = 194px

linear-gradient(45deg, #c80818, #a27028)

h28 = 177px

linear-gradient(45deg, #a257a8, #998838)

h4 = 186px

linear-gradient(45deg, #d21cf3, #4b6f91)

h9 = 127px

linear-gradient(45deg, #c64dea, #7778c8)

h14 = 175px

linear-gradient(45deg, #815b28, #69d303)

h19 = 274px

linear-gradient(45deg, #ad4a18, #afe908)

h24 = 236px

linear-gradient(45deg, #ee2f8a, #853318)

h29 = 295px

linear-gradient(45deg, #99c2b8, #67505e)

Sliding card flip?