Now on Chrome Web Store Also available as a Chrome Extension

Screenshot anything
in the browser & server.

Zero-dependency library to capture pixel-perfect DOM snapshots in the browser or render ultra-high-definition screenshots in Next.js & SvelteKit SSR servers.

Read Docs 404?
localhost:5173
output.png

Interactive Playground

Test snapshot capture on the card below with real-time options.

sharedom logo

Snap Preview Card

High-Resolution DOM Capture

Render Engine SVG + Canvas
Performance 13.5 kB Gzipped
sharedom captures styled DOM elements cleanly and reliably.

PDF Export Demo

Capture any DOM element as a pixel-perfect PDF — zero dependencies.

sharedom

INVOICE

INV-2026-0042

FROM

sharedom Studio

hello@sharedom.dev

123 Dev Lane, San Francisco, CA 94107

BILL TO

Acme Corporation

billing@acme.io

456 Business Ave, New York, NY 10001

ISSUE DATE

September 1, 2026

DUE DATE

September 15, 2026

Description Qty Unit Price Amount
UI Component Library License 1 $299.00 $299.00
Annual Support & Maintenance 1 $149.00 $149.00
Custom Theme Integration 3 $59.00 $177.00
Developer Consulting Hours 4 $95.00 $380.00
Subtotal$1,005.00
Tax (8%)$80.40
Total Due$1,085.40

Export Options

Console & Network Screenshot

Capture console logs and HTTP requests as styled tables in PNG, WebP or PDF.

Console Logs Capture

Intercept and capture formatted console tables as PNG or PDF documents.

Network Requests Capture

Record and capture HTTP requests with status, method, endpoints, and timing.

Built for modern stacks

Ultra-fast in the browser. Native and powerful on SSR servers.

Client & SSR Native
Seamlessly works in browser SPAs, Next.js App Router, and SvelteKit server endpoints.
Element or selector
Capture any DOM HTMLElement reference, container, or CSS selector string.
PNG · JPEG · WebP
Export transparent PNG or compressed JPEG/WebP with fine-grained quality control.
Retina & 4K Ready
Scale factor 2x or 3x for ultra-sharp high-DPI output on modern displays.
CORS & Image Inlining
Automatically converts nested images into Base64 to prevent canvas tainting.
TypeScript First
Complete type definitions included for sharedom and sharedom/ssr.

Usage Guide

Clean snippets for Browser, Next.js, and SvelteKit SSR.

client-basic.ts
1import { capture } from 'sharedom';
2
3// Capture any DOM element or CSS selector
4const dataUrl = await capture('#playground-card');
5
6// Display in an <img> element
7const image = document.querySelector('img');
8if (image) image.src = dataUrl;

Clients & Partners

These organizations trust our technology solutions to drive their digital transformation forward.