TypeScript MIT

sveltekit-og

Generate Open Graph Images dynamically from HTML/CSS without a browser in SvelteKit

E

etherCorps

Dernière activité 10 juil. 2026
etherCorps/sveltekit-og

302

étoiles

15

forks

4

issues ouvertes

html-csshtml-css-to-pnghtml-css-to-svgopen-graph-generatorsveltekitsveltekit-ogtypescript

Ce README est souvent en anglais.

sveltekit-og — monorepo

Dynamically generate Open Graph images in SvelteKit from HTML+CSS or a Svelte component — no headless browser. This repo is a pnpm workspace holding the library, its docs site, and per-runtime deployment examples.

Using the library? See packages/sveltekit-og/README.md or the docs at sveltekit-og.dev. This file is for working on the repo.

Layout

Path Package What
packages/sveltekit-og @ethercorps/sveltekit-og The library (published to npm)
apps/docs @svecodocs/docs Docs site → sveltekit-og.dev
examples/* — One deployable app per runtime: node, deno, netlify, vercel, cf-pages, cf-workers, plus satori-only / takumi-only
examples/shared @examples/shared Route logic + templates shared by the examples

Develop

pnpm install          # at the repo ROOT — one lockfile, resolves all workspace:* deps
pnpm dev              # run the library dev server
pnpm docs:dev         # run the docs site
pnpm test             # library test suite
pnpm build            # build the library
pnpm build:examples   # build every example
pnpm check            # svelte-check across the workspace
pnpm lint             # lint across the workspace

Target a single package with pnpm's filter, e.g. pnpm -F ./examples/deno-build build.

Deploy

  • Examples & docs: build at the repo root (pnpm install, then pnpm -F <name> build). Hosts with monorepo support (Vercel, Netlify, Cloudflare) install at the repo root and build the target package.
  • Deno Deploy has no monorepo build support — set its install command to run at the repo root (pnpm install) and build with pnpm -F ./examples/deno-build... build; see examples/deno-build.

Contributing

See CONTRIBUTING.md. License: MIT.

Projets similaires

Enlightened library to convert HTML and CSS to SVG

TypeScriptcssimageimage-generation
Vvercel
14 k étoiles369

✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

TypeScriptcanvasdataurldom
Bbubkoo
7,2 k étoiles676

📸 Quickly generate image from DOM node using HTML5 canvas and SVG.

TypeScriptcanvasdomdom-to-image
Qqq15725
2,1 k étoiles93