High fidelity
Web fonts, pseudo-elements, SVG references, backgrounds and open shadow roots travel with the capture.
Open source · zero dependencies · browser native
SnapDOM captures any element as SVG, PNG, JPG, WebP. Plugins add GIF, video, standalone HTML and custom formats.
npm i @zumer/snapdom
<script src="https://unpkg.com/@zumer/snapdom/dist/snapdom.js"></script>
v2.23.2 current version
1m+ downloads/month
MIT licensed
+
+
Subject: Mr. SnapDOM
AF · locked
Live DOM: not a screenshot
Fig. 01: moments before capture
Subject: Mr. SnapDOM
AF · locked
Live DOM: not a screenshot
Fig. 01: moments before capture
CAPTURE
Used in production by
What SnapDOM captures.
SnapDOM starts from the element the browser rendered. It preserves the parts that usually make DOM capture difficult without rebuilding the page in a second rendering engine.
Fast by design
A linear capture pipeline, bounded caches and lazy exporters keep repeated captures responsive.
Simple API
Capture once, then export to PNG, SVG, canvas, blob, JPG or WebP from the same result.
Zero dependencies
Ship one focused browser library without pulling a second DOM or rendering stack into your app.
Plugin-ready
Add formats and capture behavior without making the core library larger for everyone.
Open source
The core remains MIT licensed, inspectable and usable in personal and commercial projects.
Where it is useful.
Use the DOM as the design surface, then capture the result for downloads, generated assets, automation or tests.
Product
Dashboards
Export charts, KPI cards, legends and surrounding interface as one image.
FrontendComponents
Turn a rendered React component or web UI into a downloadable asset.
ContentSocial cards
Design in HTML and CSS, then generate shareable images in the browser.
TestingVisual baselines
Produce deterministic component captures for visual regression workflows.
SnapDOM Pro
Paid plugins for production workflows built on top of SnapDOM.
Professional plugins · coming soon
Production-ready plugins.
SnapDOM Pro will add focused, production-ready capabilities without changing the free core. Plugin sales fund ongoing SnapDOM maintenance and help keep the library current, independent and open source.
Documentation and guides.
Start with the small API, then go deeper only where your capture needs it.
21 live demos
Run the complete demo suite.
Run SnapDOM against canvas, video, fonts, masks, transforms, Shadow DOM, iframes and plugin exporters. Every example uses the real library.
Open the showcase