A browser-based tool for satellite imagery comparison — no server, no account, no install. Open it and it immediately shows you a live before/after slider over Phnom Penh using Esri satellite imagery alongside a CARTO reference map, so the interface is self-explanatory from the first second.
Live at phnaekpkay.vercel.app
The homepage opens in Slider mode with two demo frames of Phnom Penh already loaded — Esri World Imagery on the left, CARTO street reference on the right. Drag the divider to compare them. The inline map in the bottom-right corner shows the live Google satellite layer; pan and zoom it directly without opening the sidebar.
From there you can:
- Upload your own frames (drag and drop, file picker, or
Ctrl/Cmd+Vto paste from clipboard) - Capture a fresh satellite tile from any provider (Esri, NASA GIBS, Google, Mapbox, Sentinel Hub) at the current map position
- Switch modes, export, and share
| Mode | What it does |
|---|---|
| Slider | Draggable before/after wipe. Drag the divider, or drag each frame independently to reposition it. Optional third-frame band. |
| Grid | Side-by-side layout in 2, 3, or 4 columns. Default is 2 columns. |
| Overlay | Two frames blended with a density slider. Auto-pulse "blink comparator" for spotting subtle differences. |
| Sequence | Auto-playing timelapse through every frame, with crossfade and a scrubbable timeline. |
| Change Map | Pixel-level difference map (RGB, brightness, or vegetation proxy) with adjustable sensitivity and region filtering. |
The sidebar's Live satellite capture section lets you navigate a tile map and capture the current view as a frame. The same map is also embedded directly in the Slider view — you never need to open the sidebar just to change location.
| Provider | Key required | Dated imagery |
|---|---|---|
| Esri World Imagery | No | No — current mosaic |
| CARTO Voyager | No | No — reference map |
| NASA GIBS | No | Yes — VIIRS/MODIS near-real-time |
| Google Satellite | No (unofficial) | No — current mosaic |
| Mapbox Satellite | Free token | No — current mosaic |
| Sentinel Hub | Free config ID | Yes — dated 10 m Sentinel-2 |
For real before/after by date, use Sentinel Hub (free tier, ~10 m resolution). For a quick reference overlay, use Esri or CARTO. For historical imagery from Google Earth Pro, paste screenshots with Ctrl/Cmd+V.
- PNG — grid layout, slider frame, overlay blend, or annotated change map
- WebM video — slider sweep, overlay blink, or sequence timelapse (native
MediaRecorder, no external libraries) - HTML report — frame metadata, notes, and change map packaged into a shareable standalone file
- Project JSON — full workspace save/restore including imagery, labels, settings, and view state
The Locations button opens a curated set of documented sites along the Cambodia–Thailand border. Clicking a site loads its imagery directly into the slider.
No build step required — open index.html directly in any modern browser.
For the optional Vite dev server:
npm install
npm run devOr with Python:
python3 -m http.server 8080
# open http://localhost:8080Some browsers restrict fetch and clipboard APIs on file:// origins, so a local server is recommended for the full feature set.
The Enhance button runs a local ONNX super-resolution model (Real-ESRGAN or SwinIR) entirely in the browser via ONNX Runtime WebAssembly. A hosted RealESRGAN_x4plus.onnx model is included. Generated detail is for visual review only — originals remain the analytical source, and enhanced frames are labelled clearly.
MIT — see LICENSE.