DECYPHER

OPEN TO COLLABORATIONS // 05 UNITS // v2.3.1

UNITS / UNIT 04 / SNPD

CHROME EXTENSION

Moodboard capture, organized and local.

Review and export: 75 images from one page
FIG.01Review and export: 75 images from one page
Advanced settings and keyboard shortcuts
FIG.02Advanced settings and keyboard shortcuts

OVERVIEW

CASE FILE SNPD

SnapDump is a Chrome extension for designers, illustrators and art directors who collect references. In one action it grabs the highest-resolution images available on the current page, including long and lazy-loaded pages, drops the junk and saves the rest as an organized session.

It runs on your device. There is no account and no cloud in the core path.

TYPE
Chrome extension (Manifest V3)
PLATFORM
Chrome side panel
LANGUAGE
TypeScript (strict)
STACK
Bun · no UI framework · hand-written CSS with design tokens · fflate · Web Workers
DATA
Local only: chrome.storage and chrome.downloads, no account, no backend
VERSION
2.24.0

WHAT IT DOES

05 ENTRIES

  1. 01

    Capture

    Reads img, picture, srcset and useful CSS backgrounds, scrolls to load lazy content, and picks the largest real asset for each image.

  2. 02

    Filter

    Drops icons, tracking pixels and tiny images, prefers reference-sized images and removes obvious duplicates.

  3. 03

    Review

    A grid to preview, select and deselect, with filters by alt text, URL or bucket, and keyboard shortcuts.

  4. 04

    Organize

    Sorts images into Hero, Gallery and Details buckets with stable names and a manifest.

  5. 05

    Export

    Downloads a session folder or a ZIP with the same structure. Sessions can merge every open tab.

OUTPUT

ONE RUN, ONE SESSION FOLDER

SnapDump/
└── {host}_{yyyy-mm-dd}_{HH-mm}/
    ├── 01_hero/
    ├── 02_gallery/
    ├── 03_details/
    └── manifest.json

HOW IT'S BUILT

HEAVY WORK OFF THE MAIN THREAD

The side panel stays smooth, the page script stays small, and resolving, scoring and zipping run in a Web Worker.

  1. 01Side panelUI, states, review grid
  2. 02Service workerJob control, downloads
  3. 03Content scriptCollect, scroll, read srcset
  4. 04Web WorkerMax resolution, score, ZIP, folders