https://github.com/tglagcs/outzoom
🔎 Zoom in/out on images and videos with Shift + scroll wheel. Firefox & Chrome. MV3 fork of kpion/inzoom.
https://github.com/tglagcs/outzoom
browser-extension chrome firefox images inzoom manifest-v3 outzoom typescript video wxt zoom
Last synced: 13 days ago
JSON representation
🔎 Zoom in/out on images and videos with Shift + scroll wheel. Firefox & Chrome. MV3 fork of kpion/inzoom.
- Host: GitHub
- URL: https://github.com/tglagcs/outzoom
- Owner: tglagcs
- License: mit
- Created: 2026-06-05T15:36:54.000Z (18 days ago)
- Default Branch: main
- Last Pushed: 2026-06-05T23:16:24.000Z (18 days ago)
- Last Synced: 2026-06-06T00:20:04.637Z (18 days ago)
- Topics: browser-extension, chrome, firefox, images, inzoom, manifest-v3, outzoom, typescript, video, wxt, zoom
- Language: TypeScript
- Homepage:
- Size: 690 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
OutZoom 
> Modern **Manifest V3** fork of [kpion/inzoom](https://github.com/kpion/inzoom),
> rebuilt with TypeScript and [WXT](https://wxt.dev) for current Chrome and Firefox.
Chrome: load unpacked from [Releases](../../releases)
🇬🇧 [English](#english) · 🇷🇺 [Русский](#русский)
---
## English
Hover over an image or video, press Shift and use the mouse wheel to zoom
in and out. Once zoomed, hold Shift and drag to reposition the element.
Right-click for a context menu with zoom / rotate / bring-to-front / reset actions.
### Features
- Works on images, videos, SVG, canvas and CSS background images
- Drag to reposition after zooming (Shift + drag)
- Zoom toward cursor position — optional (like Windows Photo Viewer)
- **Bring to front** — lift a covered element above overlapping layers (Alt+A by default)
- **Lightbox mode** — open any element in a fixed fullscreen overlay, works on any site
- Rotate 90° / 180° via context menu
- Configurable zoom trigger: Shift, Ctrl, Alt, right mouse button, middle mouse button, or any key
- Keyboard zoom shortcuts (Numpad +/−) — optional, off by default
- Works inside iframes and shadow DOM
- No data collected, no external requests
### Install
| Browser | Link |
|---------|------|
| Firefox | [addons.mozilla.org/firefox/addon/outzoom](https://addons.mozilla.org/firefox/addon/outzoom/) |
| Chrome | Download zip from [Releases](../../releases), unzip → `chrome://extensions` → Developer mode → Load unpacked |
> [!TIP]
> Firefox users can also download the `.xpi` directly from [Releases](../../releases) and install it by dragging the file into any Firefox window.
### Develop
Requires Node.js. The toolchain is [WXT](https://wxt.dev).
```bash
npm install # also runs `wxt prepare`
npm run dev # Chrome, with auto-reload
npm run dev:firefox # Firefox, with auto-reload
```
### Build
```bash
npm run build # -> .output/chrome-mv3
npm run build:firefox # -> .output/firefox-mv3
npm run zip # zipped artifact for the Chrome Web Store
npm run zip:firefox # zipped artifact for AMO
```
Load unpacked from `.output/chrome-mv3` (`chrome://extensions`, Developer mode →
Load unpacked) or `.output/firefox-mv3` (`about:debugging` → This Firefox → Load
Temporary Add-on → pick `manifest.json`).
### Project layout
- `entrypoints/` — WXT entrypoints: `background.ts`, `content/`, `popup/`, `options/`
- `src/` — core: `inzoom.ts`, `config.ts`, `context-menu.ts`, `point.ts`,
`app.ts`, `logger.ts`
- `static/` — static assets: `icon/`, plus the options-page test media
(`test_photo.jpeg`, `sample.mp4`) and popup icons (`config.png`, `home.png`)
### License
MIT — see [LICENSE](LICENSE).
### Credits
Original extension by Konrad Papała (kpion) — [kpion/inzoom](https://github.com/kpion/inzoom).
---
## Русский
Наведите курсор на изображение или видео, зажмите Shift и прокрутите колесо мыши для увеличения или уменьшения. После зума удерживайте Shift и перетащите элемент для изменения положения. Правый клик открывает контекстное меню с действиями зума, поворота, выноса на передний план и сброса.
### Возможности
- Работает с изображениями, видео, SVG, canvas и CSS фоновыми изображениями
- Перетаскивание после зума (Shift + drag)
- Зум к курсору — опционально (как в Просмотре фотографий Windows)
- **Вынести на передний план** — поднять перекрытый элемент над другими слоями (Alt+A по умолчанию)
- **Режим лайтбокса** — открыть элемент в полноэкранном оверлее, работает на любом сайте
- Поворот на 90° / 180° через контекстное меню
- Настраиваемый триггер зума: Shift, Ctrl, Alt, правая кнопка мыши, средняя кнопка или любая клавиша
- Горячие клавиши для зума (Numpad +/−) — опционально, по умолчанию выключено
- Работает внутри iframe и shadow DOM
- Данные не собираются, внешних запросов нет
### Установка
| Браузер | Ссылка |
|---------|--------|
| Firefox | [addons.mozilla.org/firefox/addon/outzoom](https://addons.mozilla.org/firefox/addon/outzoom/) |
| Chrome | Скачай zip из [Releases](../../releases), распакуй → `chrome://extensions` → Режим разработчика → Загрузить распакованное |
> [!TIP]
> Пользователи Firefox также могут скачать `.xpi` напрямую из [Releases](../../releases) и установить, просто перетащив файл в любое окно Firefox.
### Разработка
Требуется Node.js. Инструментарий — [WXT](https://wxt.dev).
```bash
npm install # также запускает `wxt prepare`
npm run dev # Chrome, с авто-перезагрузкой
npm run dev:firefox # Firefox, с авто-перезагрузкой
```
### Сборка
```bash
npm run build # -> .output/chrome-mv3
npm run build:firefox # -> .output/firefox-mv3
npm run zip # zip для Chrome Web Store
npm run zip:firefox # zip для AMO
```
### Лицензия
MIT — см. [LICENSE](LICENSE).
### Благодарности
Оригинальное расширение Konrad Papała (kpion) — [kpion/inzoom](https://github.com/kpion/inzoom).