Generate your card
What makes the card animate
Kinetic-text label
Each character rises and fades in left-to-right with SMIL spline easing. Falls back gracefully to static text.
Count-up number
The stat animates from 0 to its current value over 1.5 s. No JavaScript required in the final SVG.
Sparkline draw-in
A polyline strokes itself in over 1.8 s using stroke-dashoffset, showing the trend at a glance.
Blinking live dot
A pulsing green circle signals freshness. Works in GitHub READMEs, Notion, and any SVG-capable surface.
Connect to Live Data — Get the Kit
The generator above works with data you type in. The kit automates the whole pipeline: point it at any public JSON endpoint (GitHub API, npm, your own backend), get a card that auto-refreshes. Includes a Cloudflare Worker deploy for true edge-cached live cards.
- Python source — zero-dep SVG generator with edge-cache TTL (PEP 723)
- Cloudflare Worker port — deploy on the free tier in 5 minutes
- Supports any JSON endpoint with a dotted field path
- 15-check selfcheck suite — modify with confidence
- Example fixtures: GitHub stars, npm downloads, custom metrics
Get the Kit on Gumroad →
Search "SVG Live Card Kit" on Gumroad if the link redirects.