Image Zoom & Drag

Note: Previously known as "Diagram Zoom Drag". Same plugin, expanded features!

Interactive image viewer for Obsidian with zoom, drag, and multiple viewing modes.

Before/After

without_plugin.mp4

with_plugin.mp4

Features

• Two viewing modes: Integrated and Popup
• Universal support for any SVG and IMG images
• Zoom in/out with mouse wheel or control buttons
• Drag images with mouse or arrow keys
• Fullscreen mode for better viewing
• Touch support for mobile devices
• Supports Mermaid, PlantUML, Graphviz, custom diagrams, and any images

Installation

Community Plugins: Settings → Community plugins → Browse → "Image Zoom & Drag" → Install

Manual installation:

1. Download the latest release from releases page
2. Extract to VaultFolder/.obsidian/plugins/image-zoom-drag/
3. Settings → Community plugins → Enable "Image Zoom & Drag"

Quick Start

After installation, images in your notes will automatically become interactive. Access the help guide via Settings → About → Help for detailed instructions.

Development

Quick setup:

git clone https://github.com/Ssentiago/image-zoom-drag.git
cd image-zoom-drag
bun install
bun run dev  # Start development mode

Commands:

• bun run dev - Development → test-vault/
• bun run build - Production build → dist/

Contributing

We welcome contributions! See CONTRIBUTING.md for details.

Want to help translate? Check out TRANSLATION_GUIDE.md.

Documentation

Full documentation: DOCS.md

Credits

Original idea by @gitcpy