# vercel/satori

Enlightened library to convert HTML and CSS to SVG

Repository: https://github.com/vercel/satori
Canonical: https://ross.abutalabs.com/products/satori
Homepage: https://og-playground.vercel.app
Language: TypeScript
License: MPL-2.0
License Family: copyleft
Topics: image-generator, jsx, svg, image, css, image-generation, opengraph-images, satori, vercel
Last push: 2026-08-24T12:48:10+00:00

## Health v2 (maintenance only)
Score: 99/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 99, release rhythm 99, longevity 100
- inputs: {"age_days": 1679, "days_push": 9, "days_rel": 9, "gap_med": 1.5, "n_releases_24m": 49}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 13857, forks 358 (observed 2026-08-28T04:11:04.959906+00:00)

## What it is
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
- artifact type: library
- maturity: stable
- function: image-processing, templating, graphics
- domain: web-development, frontend, developer-tools
- platform: cross-platform
- tags: svg, jsx, opengraph-images, social-cards, html-to-svg, css, vercel, nodejs, javascript, typescript

## Member repositories
- vercel/satori (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:04.959906+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:12:59.455728+00:00, confidence not recorded.
  - readme: https://github.com/vercel/satori (fetched 2026-08-28T04:11:04.959906+00:00, sha 1065476e674d)
  - homepage: https://og-playground.vercel.app (fetched 2026-08-29T08:07:23.469776+00:00, sha a2a8ab5739e3)
- Data as of 2026-08-30T08:39:29.467469+00:00.