Svelte masonry component with SSR support (via CSS container queries) and automatic column balancing.
Masonry size: 0px × 0px (w × h)
h0 = 171px
linear-gradient(45deg, #d641c7, #419e68)
h5 = 197px
linear-gradient(45deg, #e97b69, #1cee2b)
h10 = 180px
linear-gradient(45deg, #0e9af6, #583148)
h15 = 229px
linear-gradient(45deg, #1d40b7, #b95d35)
h20 = 167px
linear-gradient(45deg, #b1d6ce, #4a5ffc)
h25 = 175px
linear-gradient(45deg, #cc4c64, #8c52c6)
h1 = 280px
linear-gradient(45deg, #c7b7f1, #ee97f9)
h6 = 193px
linear-gradient(45deg, #325a9b, #7a8363)
h11 = 234px
linear-gradient(45deg, #13ec88, #62a379)
h16 = 198px
linear-gradient(45deg, #4cf7c3, #f72305)
h21 = 148px
linear-gradient(45deg, #c3b85e, #c39bc1)
h26 = 114px
linear-gradient(45deg, #7b32a8, #ded56c)
h2 = 135px
linear-gradient(45deg, #8c015d, #77282d)
h7 = 245px
linear-gradient(45deg, #4298e8, #058ee5)
h12 = 173px
linear-gradient(45deg, #261f63, #ca8b92)
h17 = 121px
linear-gradient(45deg, #3bd874, #5d0dea)
h22 = 226px
linear-gradient(45deg, #666b8e, #7c690b)
h27 = 277px
linear-gradient(45deg, #96d435, #e0a215)
h3 = 101px
linear-gradient(45deg, #c4932a, #f32163)
h8 = 229px
linear-gradient(45deg, #699666, #52b37d)
h13 = 211px
linear-gradient(45deg, #c258b6, #17a173)
h18 = 281px
linear-gradient(45deg, #3afcf3, #b574c4)
h23 = 189px
linear-gradient(45deg, #6e1934, #2e853e)
h28 = 229px
linear-gradient(45deg, #845bf9, #09fb1a)
h4 = 219px
linear-gradient(45deg, #f3235c, #40f81b)
h9 = 165px
linear-gradient(45deg, #e3357a, #1f52f9)
h14 = 109px
linear-gradient(45deg, #ff5518, #5ffc07)
h19 = 195px
linear-gradient(45deg, #beba86, #3d3d79)
h24 = 169px
linear-gradient(45deg, #de54b7, #154bad)
h29 = 252px
linear-gradient(45deg, #47d944, #d02c02)
Sliding card flip?