Minimalist image viewer based on Leaflet.js and Electron.
- Pan & Wheel Zoom
- Browse the images in a folder
- Grid view
- Available in 16 languages
- Auto update (only on macOS)
You can download the latest version of LeafView from the releases page here:
https://github.com/sprout2000/leafview/releases
# 1. Clone this repo.
$ git clone https://github.com/sprout2000/leafview.git
# 2. Install dependencies
$ cd leafview
$ npm install
# 3. Build & Package
$ npm run build && npm run package
And then, you will find the installer in the "release" directory.
Note: You will need to have Node.js and Git installed.
Key | Function |
---|---|
J, Ctrl+N, CmdOrCtrl+→ | Next Image |
K, Ctrl+P, CmdOrCtrl+← | Previous Image |
+ | Zoom In |
- | Zoom Out |
0 | Reset Zoom |
← ↑ ↓ → | Pan |
Fn+Delete or Del | Move to Trash |
H, Ctrl+G | Toggle Grid View |
Ctrl+Shift+T | Toggle Menubar (Windows / Linux) |
Mouse | Function |
---|---|
Drag | Pan |
Wheel | Zoom in/out |
Double click | Reset zoom |
Right click | Show the context menu when available |
Language | Code |
---|---|
اللغة العربية | ar |
Čeština | cs |
Deutsch | de |
English | en |
Español | es |
Français | fr |
Magyar | hu |
Italiano | it |
日本語 | ja |
Polski | pl |
Português | pt |
Русский | ru |
Türkçe | tr |
Українська | uk |
简体中文 | zh_CN |
繁体中文 | zh_TW |
You can easily contribute to this repository by providing translation files.
- Create
{your_LANG}.json
insrc/locales
.
src
├── @types
├── createMenu.ts
├── locales
+ │ ├── cs.json
│ ├── en.json
│ └── ja.json
├── main.ts
├── preload.ts
├── setLocales.ts
└── web
- Add your locale to
src/@types/Locale.d.ts
,src/createMenu.ts
andsrc/setLocales.ts
.
src/@types/Locale.d.ts
type Code =
+ | "cs"
| "en"
| "ja";
src/createMenu.ts
const localeList: Locale[] = [
+ { code: "cs", value: "Čeština" },
{ code: "en", value: "English" },
{ code: "ja", value: "日本語" },
];
src/setLocales.ts
+ import cs from "./locales/cs.json";
import en from "./locales/en.json";
import ja from "./locales/ja.json";
export const setLocales = (locale: string) => {
i18next.init({
lng: locale,
fallbackLng: "en",
resources: {
+ cs: { translation: cs },
en: { translation: en },
ja: { translation: ja },
},
});
};
- And then please send a pull request to this repository.
Thanks go to these wonderful people 🙂:
Copyright (c) 2020-2024 sprout2000