svg-instruments

animated SVG that survives the GitHub sanitizer — live gallery

Every instrument below is loaded through a plain <img> tag — the same sandbox GitHub applies to SVGs in Markdown. If it animates here, it animates in your README. The button restyles this page's chrome only; the theme-aware pattern follows your OS/browser color-scheme setting, exactly as it would on GitHub.

telemetry line drawing itself — draw-on-linekit + failure modes

terminal typing three commands — type-on-terminalkit + failure modes

dashed rail flowing between nodes — dash-flowkit + failure modes

scan bar sweeping a panel — scanline-sweepkit + failure modes

glowing node with staggered rings — breathe-glowkit + failure modes

four cards rising into place — staggered-revealkit + failure modes

panel re-theming for light and dark — theme-aware — flip the scheme abovekit + failure modes

status line flipping healthy to degraded — status-flipkit + failure modes

progress rings filling to seventy and thirty-five percent — progress-ringkit + failure modes

four bars growing from the baseline — bar-growkit + failure modes

Orvii — Open, Research, Vision, Innovation & Ideas. Patterns honor prefers-reduced-motion and degrade to finished stills without CSS. Repo: Orvii/svg-instruments.