Gallery

A gallery is a collection of images, videos, or artworks displayed together, often in a grid or carousel format, allowing users to browse and view visual content interactively.

vue

<script setup>
const imgs = [
  'https://picsum.photos/id/1018/1000/600',
  'https://picsum.photos/id/1025/1000/600',
  'https://picsum.photos/id/1026/1000/600',
  'https://picsum.photos/id/1028/1000/600',
  'https://picsum.photos/id/1030/1000/600',
  'https://picsum.photos/id/1035/1000/600'
]

</script>

<template>
<GridGallery  :images="imgs"/>
</template>

Keyboard navigation: left, right, esc

Gallery ​

Gallery