SnapDOM is a next-generation DOM Capture Engine — ultra-fast, modular, and extensible. It converts any DOM subtree into a self-contained representation that can be exported to SVG, PNG, JPG, WebP, Canvas, Blob, or any custom format through plugins.
🏁 Benchmark: snapDOM vs html2canvas
Each library will capture the same DOM element to canvas 5 times. We'll calculate average speed and show the winner.
This is the benchmark test element to be captured by both libraries.
📦 Basic
Hello SnapDOM!
Transforms & Shadows
Transformed + Shadow
Capture it just with outerTransforms /
outerShadows.
🅰️ ASCII Plugin
🚀✨🧠🖼️🎛️🧪 💡🧩📦🧭⚙️🛡️ 📈🖥️📐🧵🕹️🎨 🔬🗜️🧰🔧🪄🧷
🕒 Timestamp Plugin
🚀 Fun Transition
🕺💃
I'm dancing and changing color!
Orbit CSS toolkit - Go to repo
🔤 Google Fonts
Unique Typography!
Google Fonts with embedFonts: true.
🧱 Shadow DOM
🎨 Canvas
📁 Export Formats
📤 Export as
PNG, JPG & WebP.
✨ Pseudo Elements
This element has pseudo-elements.
✂️ Clip-Path Demo
This shape uses clip-path
🌀 Mix Blend Mode
Blended content
🧩 Iframe (same-origin)
⌨️ Inputs & Textarea
🎭 Masking Effects
🌐 CORS Proxy (useProxy)
Image preview (background)