Svelte Material UI

Image Lists

Installation
npm i -D @smui/image-list
Demos
  • Image 1
    Image 1
  • Image 2
    Image 2
  • Image 3
    Image 3
  • Image 4
    Image 4
  • Image 5
    Image 5
  • Image 6
    Image 6
  • Image 7
    Image 7
  • Image 8
    Image 8
  • Image 9
    Image 9
  • Image 10
    Image 10
  • Image 11
    Image 11
  • Image 12
    Image 12
  • Image 13
    Image 13
  • Image 14
    Image 14
  • Image 15
    Image 15
4x5 aspect ratio, with text protection
  • Image 1
    Image 1
  • Image 2
    Image 2
  • Image 3
    Image 3
  • Image 4
    Image 4
  • Image 5
    Image 5
  • Image 6
    Image 6
  • Image 7
    Image 7
  • Image 8
    Image 8
  • Image 9
    Image 9
  • Image 10
    Image 10
  • Image 11
    Image 11
  • Image 12
    Image 12
  • Image 13
    Image 13
  • Image 14
    Image 14
  • Image 15
    Image 15
Masonry, with rounded shapes
  • Image 1
    Image 1
  • Image 2
    Image 2
  • Image 3
    Image 3
  • Image 4
    Image 4
  • Image 5
    Image 5
  • Image 6
    Image 6
  • Image 7
    Image 7
  • Image 8
    Image 8
  • Image 9
    Image 9
  • Image 10
    Image 10
  • Image 11
    Image 11
  • Image 12
    Image 12
  • Image 13
    Image 13
  • Image 14
    Image 14
  • Image 15
    Image 15
Using a div instead of an img to enforce aspect ratio
  • Image 1
  • Image 2
  • Image 3
  • Image 4
  • Image 5
  • Image 6
  • Image 7
  • Image 8
  • Image 9
  • Image 10
  • Image 11
  • Image 12
  • Image 13
  • Image 14
  • Image 15