{"id":22045774,"url":"https://github.com/abduldevhub/gallery-viewer","last_synced_at":"2026-05-04T12:33:31.718Z","repository":{"id":230127571,"uuid":"778129650","full_name":"AbdulDevHub/Gallery-Viewer","owner":"AbdulDevHub","description":"A feature-rich Chrome extension for viewing images and video frames in a customizable, offline gallery with advanced zoom, grid, and navigation controls.","archived":false,"fork":false,"pushed_at":"2026-02-04T20:46:36.000Z","size":11160,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-05T08:42:45.806Z","etag":null,"topics":["chrome-extension","css","html","image-gallery","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AbdulDevHub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-03-27T06:10:22.000Z","updated_at":"2026-02-04T20:46:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"5ca94bc2-b426-4c4f-92ee-7fe327a169f3","html_url":"https://github.com/AbdulDevHub/Gallery-Viewer","commit_stats":null,"previous_names":["abduldevhub/image-viewer","abduldevhub/scrolling-image-viewer","abduldevhub/gallery-viewer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AbdulDevHub/Gallery-Viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FGallery-Viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FGallery-Viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FGallery-Viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FGallery-Viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbdulDevHub","download_url":"https://codeload.github.com/AbdulDevHub/Gallery-Viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbdulDevHub%2FGallery-Viewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32607561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"ssl_error","status_checked_at":"2026-05-04T10:08:02.005Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","css","html","image-gallery","javascript"],"created_at":"2024-11-30T13:14:59.431Z","updated_at":"2026-05-04T12:33:31.713Z","avatar_url":"https://github.com/AbdulDevHub.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🖼️ Gallery Viewer – Chrome Extension\n\nA powerful, offline-first **image \u0026 video gallery viewer** built as a custom Chrome extension.\n\n![Gallery View](Screenshots/Screenshot%201.png)\n\nDesigned for quickly browsing large image sets or folders, previewing video frames, and navigating visually with speed and precision.\n\n---\n\n## ✨ Features\n\n### 📂 File \u0026 Folder Support\n\n- Load **individual images or videos**\n- Load **entire folders** (recursive)\n- Natural filename sorting (handles numbers correctly)\n- Offline — everything runs locally in your browser\n\n### 🎞️ Video Frame Extraction\n\n- Automatically extracts **multiple preview frames** from videos\n- Frames are evenly distributed across the video duration\n- Useful for quick content review or reference browsing\n\n### 🧱 Flexible Grid Layout\n\n- Switch between **12 / 6 / 3 / 2 / 1 images per row**\n- Adjustable container width (zoom in / out)\n- Toggle grid gaps on/off\n- Optional **actual-width mode** for single-image rows\n\n### 🔍 Advanced Viewing Experience\n\n- Fullscreen overlay viewer\n- Three zoom modes:\n  - Off\n  - Click-to-zoom\n  - Live magnifying lens\n- Auto sizing based on image orientation\n- 80% width or full-width viewing modes\n\n### 📌 Bookmarks (Folder Mode)\n\n- Save your last viewed image per folder\n- Automatically resumes from where you left off\n\n### 🎲 Productivity Tools\n\n- Randomize image order\n- Keyboard shortcuts for fast navigation\n- Horizontal scroll → vertical scroll remapping\n- Spotlight mode (hide UI for distraction-free viewing)\n\n---\n\n## 🖥️ Screenshots\n\n### Main Gallery View\n\n![Gallery View](Screenshots/Screenshot%201.png)\n\n### Overlay Image Viewer\n\n![Overlay Viewer](Screenshots/Screenshot%202.png)\n\n### Zoom \u0026 Controls\n\n![Zoom Features](Screenshots/Screenshot%203.png)\n\n---\n\n## ⌨️ Keyboard Shortcuts\n\n| Key | Action |\n| --- | --- |\n| `←` / `→` | Previous / Next image |\n| `E` | Close overlay |\n| `Z` | Toggle zoom mode |\n| `R` | Randomize images |\n| `G` | Toggle grid gaps |\n| `H` | Toggle spotlight mode |\n| `F` | Toggle fullscreen |\n| `S` | Save bookmark (folder mode) |\n| `+` / `-` | Increase / decrease grid width |\n\n---\n\n## 🚀 Installation (Developer Mode)\n\n1. Clone or download this repository\n2. Open Chrome and navigate to:\n\n```txt\nchrome://extensions\n```\n\n1. Enable **Developer Mode** (top-right)\n2. Click **Load unpacked**\n3. Select the project folder\n\nYou can open the extension via:\n\n- Chrome toolbar icon\n- Keyboard shortcut: **Alt + G**\n\n---\n\n## 🛠️ Tech Stack\n\n- Vanilla **HTML / CSS / JavaScript**\n- Chrome Extensions **Manifest V3**\n- No external dependencies\n- Fully offline-capable\n\n---\n\n## 📁 Project Structure\n\n```txt\nGallery Viewer\n├── index.html\n├── manifest.json\n├── scripts/\n│   ├── main.js\n│   ├── background.js\n│   └── materialize.js\n├── styles/\n│   ├── main.css\n│   └── effects.css\n├── icons/\n├── Screenshots/\n└── LICENSE\n```\n\n---\n\n## 👤 Author\n\n**Abdul Hadi Khan**\n\n---\n\n## 📄 License\n\nThis project is licensed under the terms of the **MIT License**.  \nSee the `LICENSE` file for details.\n\n---\n\n## ⭐ Notes\n\nThis extension was built to handle **large galleries efficiently**, provide **fast visual navigation**, and stay completely local for privacy and performance.\n\nFeel free to fork, modify, or extend it 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabduldevhub%2Fgallery-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabduldevhub%2Fgallery-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabduldevhub%2Fgallery-viewer/lists"}