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?