SnapSite - Website Screenshot Tool
SnapSite is a full-stack web app where you enter a domain, auto-discover pages, and generate high-quality screenshot batches you can review in-browser or export as a ZIP archive.
About the Project
SnapSite is a web-based tool for fast and repeatable website screenshots. The core workflow is simple: enter a domain, auto-discover page URLs, run capture, review results, then download everything as a ZIP.
The project was built to solve a recurring delivery issue: screenshot documentation for audits, redesigns, benchmarking, and content QA is often too manual and inconsistent.
Problem
Most screenshot tools start with one URL at a time, while real production workflows need complete sets:
- Homepage and key subpages
- Multiple viewports
- Controlled waiting for lazy content
- Consistent image quality for side-by-side comparison
SnapSite addresses this by treating screenshots as an orchestrated pipeline, not isolated captures.
Approach
Before taking screenshots, SnapSite runs layered URL discovery:
- Parse robots.txt and collect Sitemap directives
- Probe common sitemap paths and expand sitemap index files
- Fallback to internal-link crawling with configurable depth
If discovery still returns nothing, the app captures at least the homepage as a safe fallback.
Technical Implementation
Frontend
- SvelteKit for the app shell, settings flow, and live capture views
- Tailwind CSS for a clean, focused interface
- Progressive rendering as new screenshots become available
- Keyboard-enabled lightbox for fast visual QA
Backend
- Express API handling discovery, job orchestration, and download endpoints
- Puppeteer powering browser automation and full-page screenshots
- Cheerio, xml2js, and Axios for robots/sitemap parsing
- Archiver for batch ZIP export
Ops and Deployment
- Dockerized runtime for reproducible deployment
- Support for localhost, private network IPs, and dev targets
- Adjustable capture controls: viewport, quality, delay, max URLs
Core Capabilities
- Smart URL discovery via robots.txt, sitemap chains, and crawl fallback
- Multi-viewport capture (desktop, tablet, mobile)
- Full-page mode with scrolling to load lazy content
- Overlay cleanup before capture (cookie banners, blockers)
- Per-job history and ZIP exports
- Card-based visual review with individual download actions
Outcome
SnapSite reduces multi-page screenshot workflows from a manual checklist to a reproducible system. It improves speed, consistency, and review quality across design, SEO, and development workflows.
Next Iteration
Planned roadmap items focus on team and production scale:
- Persistent database instead of mock storage
- Scheduled recurring capture runs
- Before/after visual regression mode
- API-key based external usage