zumerlab/snapdom ...

SnapDOM showcase

SnapDOM captures HTML elements to images with exceptional speed and accuracy, supporting pseudo-elements, shadow DOM, web fonts, and more.

🏁 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.
snapDOM
Waiting to start...
html2canvas
Waiting to start...

📦 Basic

Hello SnapDOM!

Transforms & Shadows

Transformed + Shadow

Capture it just with straighten / noShadows.

🚀 Fun Transition

🕺💃

I'm dancing and changing color!

Orbit CSS toolkit - Go to repo

ORBIT

🔤 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

CSS radial mask
PNG circle mask
SVG mask
Linear gradient mask

🌐 CORS Proxy (useProxy)

Image preview (background)
CORS proxy by Corsfix

🧾 Full Page Capture