dynimage

Dynamic GitHub stat images for README embeds. Animated SVG on Edge. Raster PNG/WebP/AVIF on Node via Skia + Sharp. Drop one URL into an <img> tag — it stays current.

Cards

commits (svg)
/api/<user>/commits.svg — edge — Commits in the last year
commits (png)
/api/<user>/commits.png — edge — Commits in the last year
streak (svg)
/api/<user>/streak.svg — nodejs — Contribution streak
streak (png)
/api/<user>/streak.png — nodejs — Contribution streak
portrait (png)
/api/<user>/portrait.png — nodejs — Profile portrait
portrait (webp)
/api/<user>/portrait.webp — nodejs — Profile portrait
portrait (avif)
/api/<user>/portrait.avif — nodejs — Profile portrait
text (svg)
/api/<user>/text.svg — edge — Text
text (png)
/api/<user>/text.png — edge — Text
metric (svg)
/api/<user>/metric.svg — edge — Metric
metric (png)
/api/<user>/metric.png — edge — Metric
bar (svg)
/api/<user>/bar.svg — edge — Proportion bar
bar (png)
/api/<user>/bar.png — edge — Proportion bar
orbit (svg)
/api/<user>/orbit.svg — edge — Orbit — sphere + icosahedron
typing (svg)
/api/<user>/typing.svg — edge — Typing speed (nitrotype)
syndicate (svg)
/api/<user>/syndicate.svg — edge — Recanon — services CTA
hero (svg)
/api/<user>/hero.svg — edge — Hero banner — sphere + GitHub + nitrotype
strip (svg)
/api/<user>/strip.svg — edge — Stats strip
prism (svg)
/api/<user>/prism.svg — edge — Prism banner — color-shift spectrum
nucleus (svg)
/api/<user>/nucleus.svg — edge — Nucleus — compact icosahedron + commits
commits-orbit (svg)
/api/<user>/commits-orbit.svg — edge — Commits + orbit
typing-orbit (svg)
/api/<user>/typing-orbit.svg — edge — Typing speed + orbit

URL shape

/api/<user>/<card>.<format>?<query>

card     commits | streak | portrait | text
format   svg | png | webp | avif      (per card; not all support all)
query    theme=dark|light|ocean|ember|forest|rose
         bg, accent, text, text-muted, gradient, stroke   (hex without #)
         w, h                                              (override size)

For the full machine-readable card catalog (used by the editor):
GET /api/meta

Examples

/api/moefingers/commits.svg
/api/moefingers/commits.png?theme=ocean
/api/moefingers/streak.svg?accent=fb923c
/api/moefingers/portrait.avif?theme=ember&w=900&h=400
/api/anything/text.svg?text=hello&size=48

SVG ↔ raster

SVG output is animated (SMIL pulse rings, accent-sheen sweeps, CSS keyframe entrance) and respects prefers-color-scheme when no themeparam is given — one URL adapts to the viewer's reader. PNG/WebP/AVIF outputs are flat snapshots without animation.

Repo: github.com/moefingers/dynimage