bubkoo/html-to-image
✂️ Generates an image from a DOM node using HTML5 canvas and SVG. observed · 2026-08-28
Health v2 · maintenance only
72/100
- Activity 84
- Release rhythm 40
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 1
- age_days: 3194
- days_rel: 566
- days_push: 97
- n_releases_24m: 2
Adoption not part of the score
7222 stars · 675 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A TypeScript library that generates images (PNG, JPEG, SVG, blob, canvas, or pixel data) from DOM nodes using HTML5 canvas and SVG foreignObject serialization. It is a maintained fork of dom-to-image with additional features and options like node filtering and embedding.
Use cases
- export a DOM element as a PNG image
- take a client-side screenshot of a component
- download a rendered chart or card as an image
- convert HTML to a JPEG data URL in the browser
- generate an SVG snapshot of a DOM node
- capture pixel data from rendered HTML
When to avoid
- you need pixel-perfect full-page screenshots with full CSS support (use Puppeteer or Playwright instead)
- you are rendering in Node.js without a browser DOM
- your content relies on complex CSS features that SVG foreignObject cannot reproduce
Facets
library · maturity stable
image-processing graphics web-development frontend image-processing browser cross-platform dom-to-image screenshot canvas svg dataurl png jpeg typescript nodejs
2 sources
- readme: https://github.com/bubkoo/html-to-image · fetched 2026-08-28 · 6ce85af7e47d
- registry_npm: https://registry.npmjs.org/html-to-image · fetched 2026-08-29 · b55e0e2b1cbd
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| bubkoo/html-to-image | main | 72 |
For agents
markdown · JSON · MCP: product_card(name="bubkoo/html-to-image")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem