Images & canvas
CoreSave a chart, dashboard or component as an image. Use canvas output as a WebGL texture.
Browser capture engine · zero dependencies
HTML to images, documents and context.
SnapDOM captures rendered HTML in your browser. Save it as an image, or add a plugin for PDF, HTML, recordings or agent context.
npm i @zumer/snapdom@latest
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
Prints land here
Used in production by
One interface.
Several ways to use it.
Start with the result you need. The tag tells you whether it ships with the core or needs a plugin.
PNG · JPEG · WebP · canvas · Blob
PDF documents
PluginTurn an HTML report or invoice into a searchable document with page breaks and bookmarks.
HTML snapshots
PluginSave the rendered markup with its styles and resources. Reopen it without rebuilding your app.
GIF & video
PluginsRecord the live element over time for short animations, demos and review clips.
Context for agents
PluginsGive an agent the captured text, form state and locations of interactive elements.
Vector artwork
PluginTurn captured text and supported shapes into editable SVG artwork or Figma content.
How the pieces fit.
SnapDOM captures the interface. Plugins prepare or export that capture. Separate tools compare results or operate a browser.
Your sourceA rendered HTML interface
An element, component, report or dashboard with its CSS and resources.
SnapDOM coreCapture its current state
Styles, fonts, images, layout and control values.
Choose your result
- Image / canvasCore
- PDF documentPlugin
- HTML snapshotPlugin
- GIF / videoPlugins
- Text / element mapPlugins
Documentation and guides.
Each area has its own colour. The same colour marks it in the sidebar, on its live demo and in its page titles.
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