.png)
4 weeks ago
1
SnapDOM captures HTML elements to images with exceptional speed and accuracy, supporting pseudo-elements, shadow DOM, web fonts, and more. Now with 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 straighten / noShadows.
straighten (remove CSS transforms) noShadows (remove CSS shadows)
🅰️ ASCII Plugin
Target: Enable ASCII (otherwise SVG)
🚀✨🧠🖼️🎛️🧪 💡🧩📦🧭⚙️🛡️ 📈🖥️📐🧵🕹️🎨 🔬🗜️🧰🔧🪄🧷
🕒 Timestamp Plugin
Enable timestamp (añade sello abajo a la derecha)
🚀 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)
