30 open-source projects similar to vercel/satori, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Satori alternative.
og-image is an Open Graph image generator and HTML-to-image API designed to create custom, data-driven preview images for sharing links on platforms such as Twitter, Facebook, and Slack. It functions as a dynamic social card service that converts HTML and CSS layouts into static image files. The service automates the production of social media preview images and Open Graph metadata assets, allowing for the creation of personalized sharing cards based on page content or user data without manual graphic design. The system utilizes a layout engine to translate HTML and CSS into SVG strings, whi
Precedent is a Next.js application starter and component library providing a foundational set of pre-configured tools and primitives for building production-ready web interfaces. It serves as a toolkit for bootstrapping applications with integrated authentication, analytics, and a collection of opinionated UI components. The project distinguishes itself through a Tailwind CSS UI kit that combines accessibility primitives and motion libraries to create polished interfaces. It includes a server-side image generator for programmatically creating dynamic social sharing images and preview visuals
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
Spritejs is a graphics library and cross-platform 2D graphics engine designed for rendering geometric shapes and sprites across web, desktop, and mobile environments. It functions as a canvas-based sprite framework that manages elements using a document object model for positioning and styling. The project provides a web worker rendering engine that distributes graphic layers to offscreen canvases, preventing main thread blocking. It also includes a server-side graphics generator for producing visual elements and images in non-browser environments. The toolkit covers a broad range of graphic
Fabric.js is an object-oriented canvas library that provides an interactive framework for managing shapes, images, and text within an HTML5 canvas environment. It abstracts raw pixel-based drawing commands into a structured hierarchy of objects, enabling developers to manipulate, transform, and animate elements through a centralized event-driven system. The library distinguishes itself by offering comprehensive state serialization, allowing complex graphic compositions to be converted into JSON or SVG formats for persistent storage and reconstruction. It includes a built-in SVG parser that co
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 library provides a server-side utility for generating animated GIF images directly within PHP applications. It functions by synthesizing visual assets in real-time, allowing developers to combine multiple frames and dynamic data into a single binary stream that adheres to the standard animation format. The tool distinguishes itself by integrating programmatic control over HTTP headers alongside image generation. By managing cache-control and content-type headers during the server response cycle, it dictates how browsers and email clients store or refresh visual content. This capability e
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
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 web-based animation tool and GIF meme generator that overlays custom text onto video templates. It functions as a backend system utilizing an ASS subtitle rendering engine and FFmpeg to produce animated GIF files from user inputs. The system is distinguished by its use of Advanced Substation Alpha files to handle the precise timing, positioning, and visual styling of text overlays. It features a directory-based template registry that automatically discovers available video and subtitle pairs by scanning the file system at startup. The tool provides a RESTful API for trigger
Nivo is a responsive charting framework and a React data visualization library that uses D3 for its underlying math logic. It serves as both a collection of interactive chart components for web applications and a server-side visualization engine for generating static data chart images. The project distinguishes itself by providing a containerized chart rendering API, allowing the visualization engine to be deployed via Docker to serve rendered graphics as images or files through a programmatic interface. It also features a motion engine for animated data transitions, ensuring smooth visual sh
Puppeteer is a browser automation library that provides a programmatic interface for controlling web browsers to execute tasks, simulate user interactions, and perform end-to-end testing. It functions as a headless browser controller, managing browser lifecycles, isolated session contexts, and remote connections to facilitate stable, automated web-based workflows. The library distinguishes itself through its deep integration with the Chrome DevTools Protocol, utilizing a bidirectional message bus to execute commands and receive real-time event notifications. It supports advanced automation pa
Revideo is a TypeScript programmatic video framework and server-side rendering engine. It functions as a dynamic video template engine that uses a headless browser to capture frames from code-defined compositions, producing high-quality media files at scale. The system enables the generation of personalized video assets by injecting external data into type-safe layouts and animations. It provides a web-based preview tool for designing and reviewing compositions before they are sent to the rendering pipeline. The framework covers automated media production through asynchronous task queueing a
Old repo of Nuxt 3 framework, now on nuxt/nuxt
wkhtmltopdf is a command-line utility that renders web pages into PDF documents or image files. It functions as a headless browser engine, utilizing the Qt WebKit rendering environment to process HTML, CSS, and JavaScript into visual representations suitable for server-side tasks. The tool distinguishes itself by translating standard web styling rules into physical page dimensions and layout constraints, allowing for the creation of structured documents from web-based source files. It supports the generation of automated tables of contents and provides granular control over document layout, i
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
HTML-Renderer is a managed C# library that processes HTML and CSS content to render desktop user interfaces, generate image files, and export PDF documents. Built entirely in managed code without external native dependencies, the library parses markup into a structured document object model, applies cascading style rules, and computes virtual box layouts directly in memory. The rendering pipeline features a direct bitmap rasterisation engine that draws styled layouts straight onto graphics targets and document canvases, along with a dedicated pagination engine that splits continuous layouts a
Rax is a React universal application framework and isomorphic JavaScript environment designed to render a single codebase across web, mobile, and mini-program platforms. It functions as a cross-platform component renderer that translates React components into platform-specific elements using a standardized driver specification. The framework utilizes a universal UI driver specification to decouple component logic from the underlying UI layer, allowing for standardized DOM manipulation and event handling across different execution environments. This architecture enables the integration of nati
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
OfficeCLI is a headless office suite and automation tool designed for programmatically reading, editing, and generating Microsoft Office documents. It functions as an OOXML manipulation library and a document templating engine, providing a standalone binary that allows for the management of Word, Excel, and PowerPoint files without requiring a local installation of office software. The project distinguishes itself by exposing document operations as tools for AI agents via a JSON-RPC server and the Model Context Protocol. It enables advanced customization through raw XML manipulation using XPa
Canvas is a headless vector graphics engine and two-dimensional graphics rendering library built on a native graphics library with zero system dependencies for server-side drawing. It provides a programmatic shape construction and manipulation library supporting bezier curves, boolean operations, and native rendering without requiring a display server. The library renders shapes, paths, text, and images onto virtual memory surfaces and off-screen drawing areas for server-side image generation, vector animation rendering, and PDF generation. It supports path boolean operations to compute comp
dom-to-image is a programmatic tool for capturing the visual state of HTML elements as downloadable images or raw image data. It functions as a DOM to image converter that renders specific nodes as base64 data URLs, binary blobs, or pixel arrays. The library transforms HTML elements into raster or vector images by utilizing the HTML5 canvas API. It can retrieve raw byte arrays of a DOM node for low-level image manipulation as an RGBA pixel data extractor. The project covers web content rasterization and the generation of dynamic screenshots from live HTML content. It handles the conversion o
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
React is a JavaScript library for building user interfaces from encapsulated, reusable components. It renders views declaratively, automatically updating only the parts of the interface that change when underlying data shifts, while leaving stable sections untouched. Its rendering engine breaks work into incremental, prioritised units that can pause, resume, or abort without blocking the main thread. A diffing algorithm computes minimal changes between staged UI trees, and core rendering logic remains decoupled from any specific output target. State and side-effect logic attach to functional
Painter is a declarative rendering system that transforms JSON definitions into styled visual images. It functions as a JSON-to-image rendering engine that converts structured layout data into vector shapes, styled text, and QR codes on a canvas. The system features a dynamic image template engine that utilizes relative coordinate calculations to determine element positions based on the boundaries of other components. It supports the creation of interactive templates where users can drag, scale, and delete elements in real-time, as well as the ability to update specific element properties wit
Tape is a decentralized media sharing platform that integrates video hosting with smart-contract-based identity management. It replaces centralized authority with a decentralized authentication system to enable permissionless user registration and account management. The platform provides infrastructure for uploading and distributing digital media files, including a service for hosting video content. It includes tools for embedding standalone media playback interfaces into third-party websites and a system for generating dynamic Open Graph tags and social preview images to control how media l
This is an opinionated starter kit that turns a Notion workspace into a fast, SEO-friendly website using Next.js and Vercel. It functions as a static site generator that builds a complete website from Notion content during the build process, integrating Notion as a content management system to pull pages and render them as a web site. The kit generates automatic social images for each page, creates human-readable URL slugs from page titles, and produces search-engine-optimized pages from Notion content. It includes a keyboard-driven search overlay and table of contents for navigating content
Astro Paper is a minimal and accessible blog theme for the Astro framework, designed to create SEO-optimized static websites. It serves as a pre-configured template for building personal blogs and technical portfolios that render content from Markdown and MDX files. The project distinguishes itself through specialized support for technical writing, including LaTeX mathematical equation rendering and code syntax highlighting. It also automates social media presence via the build-time generation of dynamic Open Graph images and social metadata. The framework covers a broad range of site manage
wechat-app-mall is an e-commerce solution designed for the WeChat mini-program ecosystem. It provides the necessary tools to build and manage a digital storefront and product catalog within this specific mobile application environment. The project incorporates social commerce marketing features, including the ability to generate shareable posters for product discovery and the integration of live stream shopping to showcase products through real-time video broadcasting. The system also includes capabilities for data visualization through interactive charts and the rendering of formatted rich
Skill-icons is a developer skill badge generator that provides a centralized library of standardized vector graphics representing programming languages, frameworks, and development tools. It functions as a web asset resource for creating visual summaries of technical stacks, enabling users to embed consistent icon collections into project documentation, developer portfolios, and repository profiles. The project utilizes a stateless, parameter-driven engine that dynamically assembles icon grids based on URL query strings. By processing these parameters, the system performs server-side composit