vercel/satori

Health v2 · maintenance only

Adoption not part of the score

13857 stars · 358 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Satori is a TypeScript library that converts HTML and CSS (written in JSX or React-element-like objects) into SVG strings. It handles layout calculation, fonts, and typography to produce SVGs matching browser rendering, commonly used for generating Open Graph images and social cards.

Use cases

• generate open graph images for social media sharing
• convert html and css to svg programmatically
• create dynamic social card images in next.js
• render jsx components to svg
• generate og images at runtime on the server
• produce social preview images from templates

When to choose

• you need to generate social card or OG images dynamically from markup
• you want browser-accurate SVG rendering of a subset of HTML/CSS with custom fonts
• you are on Vercel/Next.js and want fast serverless image generation

When to avoid

• you need full HTML/CSS support including JavaScript, interactivity, or stateful React APIs
• you need PNG/JPEG output directly without an additional rasterization step
• you need to render arbitrary existing web pages rather than a limited element subset

Facets

library · maturity stable

image-processing templating graphics web-development frontend developer-tools cross-platform svg jsx opengraph-images social-cards html-to-svg css vercel nodejs javascript typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vercel/satori")