v-viewer

An image viewer for Vue with zoom, rotation, image navigation and custom toolbars, powered by Viewer.js.

English documentation · 中文文档 · Live demo / 在线演示

npm install v-viewer         # Vue 3 (5.x)
npm install v-viewer@legacy  # Vue 2 (4.x)

Supports Vue 3.0+ and Vue 2.4+. For upgrades from older major versions, see the Vue 3 migration guide or Vue 2 migration guide.

Viewer.js and its browser styles are included automatically.

Vue 3.2+:

<script setup>
import { Viewer } from 'v-viewer'

const images = ['/photo.jpg']
</script>

<template>
  <Viewer :toolbar="true">
    <img v-for="src in images" :key="src" :src="src" alt="Gallery image" />
  </Viewer>
</template>

For Vue 2, directives, API usage and more examples, see the Vue 3 guide or Vue 2 guide.

MIT