---
title: "html-to-image"
description: "A utility for rendering a DOM node as an image."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Exporting interface fragments, cards, or diagrams as downloadable graphics.</PurposeNote>

## What it does

A utility for rendering a DOM node as an image.

## When it fits

Exporting interface fragments, cards, or diagrams as downloadable graphics.

## Other options in this category

<div data-pagefind-ignore>

- [Embla Carousel](/media/embla-carousel) — Building a custom swipeable carousel while controlling its visual design.
- [Flickity](/media/flickity) — Displaying swipeable image galleries and horizontally browsable content.
- [IMG.LY Background Removal](/media/img-ly-background-removal) — Creating subject cutouts without sending every image to an application server.
- [Lightbox2](/media/lightbox2) — Adding a straightforward enlarged-image viewer to a webpage.
- [lightGallery React](/media/lightgallery-react) — Presenting media in an interactive gallery with overlay viewing.

</div>

## Source

[Project source for html-to-image ↗](https://www.npmjs.com/package/html-to-image)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Present interactive media →](/tasks/present-interactive-media)

[All images, audio &amp; video options →](/media)