30 open-source projects similar to tsayen/dom-to-image, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Dom To Image alternative.
html-to-image is a JavaScript library and client-side screenshot utility that transforms DOM elements into image formats such as PNG, JPEG, or SVG. It functions as a DOM-to-canvas renderer, using the browser's native rendering capabilities to convert document nodes into rasterized images or canvas elements. The library leverages SVG foreignObject serialization to capture live DOM content, which is then rasterized into pixel-based formats. It includes specialized exporters for generating binary Blobs or raw RGBA pixel data as typed arrays. The tool provides configurations for image appearance
Snapdom is a DOM capture engine that serializes live web page elements into images, videos, documents, and other formats. It converts any DOM subtree into PNG, JPG, WebP, SVG, PDF, or self-contained HTML, and can record animating elements as video files or animated GIFs using the browser's MediaRecorder API. The library distinguishes itself through a plugin-based architecture that allows custom output format handlers and pipeline hooks to extend the capture process without re-cloning the source element. It manages separate caches for images, styles, and fonts with preloading and clearing meth
This project is a browser-based rendering engine that captures visual snapshots of web page elements. It functions as a document object model to canvas renderer, programmatically reconstructing the visual appearance of web content by interpreting CSS box models and document structures directly within the client environment. The tool distinguishes itself by performing all image generation locally, eliminating the need for server-side processing or external rendering services. By simulating browser layout logic and mapping geometric shapes and text properties to pixel-based drawing commands, it
html2pdf.js is a client-side JavaScript library used to convert HTML elements and webpages into downloadable PDF documents. It operates entirely within the browser, removing the need for a backend server to generate files. The library employs a conversion pipeline that renders HTML to a canvas before generating the final PDF layout. This process includes the ability to preserve active hyperlinks by overlaying clickable regions on anchor tags and managing page breaks through specific style rules or selectors. Users can configure document appearance through settings for page margins, filenames
This project is a library of national flag assets provided in SVG and PNG formats. These assets are indexed by standard two-letter ISO country codes to enable programmatic retrieval and mapping. The library includes a set of scalable vector graphics based on official national laws and regulations, alongside pre-rendered raster exports in multiple widths. It utilizes a mapping system to link flags to their respective ISO country codes or relate those codes to country names. The collection covers visual indicators for web localization and data visualization, providing a system for adding accur
react-snap is a static site generator and single-page application prerenderer. It converts dynamic client-side components into static HTML files using a headless browser to improve search engine optimization and initial load speeds. The project features a headless browser crawler that automatically discovers application routes by following internal links. It includes a hydration optimizer that captures application state and caches network responses during the rendering process, embedding them directly into the HTML to synchronize the client-side application without re-fetching data. The tool
gstack is an AI agent framework and development workflow system designed to automate the software development lifecycle. It coordinates specialized AI personas to manage tasks across product design, engineering management, and quality assurance, transforming product intent into technical specifications and final releases. The project is distinguished by its deep integration of headless browser automation and semantic code memory. It utilizes a persistent Chromium daemon for web scraping and visual auditing, and implements a searchable knowledge base that logs architectural decisions and repos
ImageSharp is a .NET image processing library and manipulation framework used for decoding, encoding, and modifying digital images. It functions as a comprehensive toolkit for resizing, cropping, and applying pixel-level filters while managing color profiles and pixel data across various file formats. The project integrates a 2D vector graphics engine and a typography rendering engine to draw geometric shapes, paths, and complex stylized text onto images. It also includes a geometry boolean operation library for calculating intersections, unions, and differences between complex polygons and c
This project is a markdown CSS stylizer and visual enhancer that allows for the application of custom styles to markdown files. It functions as an SVG-based style injector, enabling the addition of advanced layout and design elements to markdown documents through embedded image assets. The tool enables the creation of custom visuals for readmes and GitHub profile customization by bypassing standard platform styling restrictions. It achieves this by embedding CSS and XHTML within SVG images to render a visual appearance not supported by standard markdown.
Polacode is a VS Code extension that converts code snippets into styled, shareable images. It functions as a dedicated code screenshot generator and image exporter, allowing users to capture selected code and render it as a polished visual for documentation, social media, or presentations. The extension provides a dedicated editor pane where users can paste and preview code before generating a screenshot. It offers screenshot customization features including adjustable background color, shadow, transparency, and target image format, all managed through VS Code's settings system. The capture a
Snappy is a PHP library that acts as a wrapper for the wkhtmltopdf and wkhtmltoimage binaries. It provides a utility suite for transforming HTML strings and remote URLs into PDF documents and image snapshots. The project enables the generation of downloadable or streamable PDFs and the creation of web page thumbnails. It supports the aggregation of multiple separate URLs into a single unified PDF document. Users can adjust document output through configuration settings for JavaScript execution, cookie handling, background removal, and custom stylesheet application.
This project is a browser rendering service and headless Chrome PDF generator built on Puppeteer. It functions as a backend tool for converting web pages and raw HTML content into PDF documents and screenshots. The service distinguishes itself through browser session control, allowing for the injection of session cookies and the configuration of navigation timeouts to handle authenticated pages. It also includes viewport-based layout scaling to adjust browser dimensions and device scale factors during the rendering process. The broader capability surface covers HTML content export and automa
This project is an image processing library designed for manipulating pixel data, applying visual filters, and adjusting image appearance. It functions as a low-level tool for processing raw pixel buffers and managing image data. The library provides a toolkit for image geometry manipulation, including resizing, cropping, flipping, and rotating images. It also serves as an image format converter for encoding and decoding data between common binary file formats and as a metadata extractor for retrieving dimensions and color profiles from file headers. The capabilities cover low-level image pr
This project is an LLM HTML artifact generator and sandboxed previewer designed for rapid prototyping and content creation. It functions as a local AI agent bridge that reuses authenticated sessions from command-line coding agents to execute generation tasks without requiring separate API keys. The system converts web layouts into platform-specific formats via a social media export tool, utilizing inlined CSS and metadata to ensure consistent publishing. It employs a sandboxed rendering environment to execute AI-generated code and scripts in isolation, protecting the host browser from poisoni
Pageres is an automated web page capturer and command line interface that renders HTML content and websites into images. It uses a headless Chromium browser to generate screenshots of full pages or specific elements across multiple screen resolutions. The tool allows for the simulation of different device dimensions to verify responsive design and the creation of visual snapshots for UI regression testing. It supports the capture of protected pages by passing custom HTTP headers, cookies, and basic authentication credentials. The system includes capabilities for page content manipulation thr
Satori is a library that converts HTML and CSS markup into rasterized images. It functions as a server-side rendering engine designed to transform web layouts into visual assets at runtime, ensuring consistent representation across different platforms and social media sharing services. The engine distinguishes itself by utilizing a cross-platform flexbox implementation to calculate element positions and dimensions, mirroring the behavior of modern web browsers without requiring a full browser engine. It processes document structures through a virtual tree traversal and employs a specialized p
pixelmatch is a JavaScript image comparison library and pixel-level difference detector. It identifies mismatched pixels between image data arrays and quantifies the differences based on a configurable sensitivity threshold. The tool generates visual difference maps that highlight specific pixel changes for manual review. It includes a command-line interface for comparing image files and exporting the resulting difference maps to the file system. The project provides capabilities for automated image analysis and visual regression testing, utilizing anti-aliasing heuristic filtering to ignore
Browsershot is a PHP library that serves as a Puppeteer browser wrapper to convert HTML and URLs into PDFs, images, or strings using a headless Chrome browser. It functions as a tool for transforming web content into visual media or extracting the final rendered DOM state of a page. The library enables the automation of browser rendering to generate PDFs and screenshots from web pages. It can retrieve the final rendered HTML markup after all client-side JavaScript execution is complete and can capture a full audit of network requests triggered during the page load process. The system include
CssToInlineStyles is a CSS inliner for HTML emails that converts stylesheets into inline style attributes on HTML elements. It functions as a style resolver and transformation engine, mapping CSS selectors to HTML tags to ensure consistent visual rendering across diverse email clients and providers. The tool calculates final computed styles by applying specificity and inheritance rules before injecting the resolved properties directly into the style attributes of the corresponding HTML elements. It utilizes DOM-based style calculation and selector mapping to determine which declarations apply
Processing is a creative coding environment and Java graphics library designed for writing visual sketches that produce interactive 2D and 3D graphics and animations. It runs on the Java Virtual Machine, using an OpenGL-based hardware-accelerated rendering pipeline, and operates on a sketch-based execution model where programs run as continuous loops of setup and draw functions with event-driven input handling for keyboard, mouse, and window interactions. The environment distinguishes itself as a cross-platform sketch tool that runs visual programs unchanged on desktop, web, Android, and Rasp
node-canvas is a server-side 2D vector graphics and image processing library for Node.js. It provides a server-side implementation of the HTML5 Canvas API using the Cairo graphics library as its rendering engine to draw shapes, text, and paths. The library enables the programmatic generation of dynamic images and the creation of scalable vector graphics and PDF documents. It supports the registration of custom and system fonts for typography rendering and allows for the import of image assets via local paths, buffers, data URIs, and remote URLs. Capabilities include low-level pixel manipulat
Plotters is a data visualization library for the Rust programming language used to create 2D and 3D charts, plots, and mathematical visualizations. It functions as a multi-backend rendering engine and coordinate mapping framework that translates raw data values into pixel coordinates through customizable chart contexts. The library distinguishes itself through its ability to export graphics to multiple formats, including SVG, BitMap, and HTML5 canvas. It provides specific capabilities for 3D graphics plotting, featuring adjustable camera viewpoints and projection matrices to manage spatial da
Mermaid-cli is a command line interface and programmatic tool that converts text-based diagram syntax into static visual assets. It functions as a headless browser renderer and markdown diagram processor, enabling the generation of diagrams through a CLI or a JavaScript-based generator. The tool distinguishes itself by supporting the conversion of diagram definitions into multiple image formats, including SVG, PNG, and PDF. It allows for custom diagram styling by applying external CSS files to override default themes and add visual animations. The project provides capabilities for markdown i
Critical is a tool for extracting and inlining the minimum CSS required to render above-the-fold content. It identifies the styles necessary for the initial visible portion of a page to reduce render-blocking requests and improve page load speed. The project generates resolution-specific stylesheets to optimize the initial paint across different device dimensions. It includes a utility to rebase asset URLs within extracted styles, ensuring that images and fonts load correctly when stylesheets are moved to different directories or content delivery networks. The tool provides a command-line in
FXBlurView is an iOS blur effect library and image processing tool designed to render Gaussian blur effects over application views and static images. It provides a UIKit background blur view component that can be applied to UI elements to create blurred backgrounds. The library supports both real-time blurring of live application views and the processing of static images. It offers two primary rendering modes: a single-pass static rendering for efficiency and a dynamic background-thread processing mode to maintain user interface responsiveness during heavy computations. Additional capabiliti
Photopea is a browser-based image editor that runs entirely in the browser without requiring any downloads or installations, capable of editing both raster and vector graphics. It functions as a multi-format image converter, a PSD file editor, a RAW photo processor, and a vector graphics editor, all within a single web application. The editor distinguishes itself through its extensive file format support, opening and saving industry-standard formats including PSD, AI, Sketch, Figma, and XD, as well as native files from Affinity, InDesign, and Krita. It also supports RAW camera files from Niko
CasperJS is a headless browser testing framework and web functional testing suite. It provides a toolkit for automating web browser interactions to perform functional testing and visual verification of web applications. The project functions as a WebDriver automation tool and a browser screenshot utility, enabling the capture of images of web pages or specific elements to verify visual layout. It also serves as an XML test report generator, exporting the results of automated browser test suites into a standardized format for reporting tools. The framework covers automated browser testing, fu
This project is a Model Context Protocol server that enables Large Language Models to control Playwright browsers for web automation, scraping, and end-to-end testing. It functions as a programmable interface for executing JavaScript, capturing screenshots, and interacting with web elements across multiple browser engines. The server exposes browser automation capabilities as a set of standardized tools that models can discover and invoke. It supports session-based browser isolation to ensure unique contexts for each client connection and provides a transport layer using either standard input
This project is an HTML renderer that produces error pages styled after the familiar design of a standard CDN provider (such as Cloudflare). It accepts customizable parameters for error code, description, location, and request metadata, and outputs a self-contained HTML page that can be served directly by web servers or reverse proxies as a branded error response. The renderer is built using Go templates with built-in injection prevention, and it embeds all styling inline within the HTML head to eliminate external dependencies. It applies automatic whitespace minification to reduce output siz
This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through progra