Termstage – Animated terminal SVGs from YAML, no screen recording

Name: Termstage – Animated terminal SVGs from YAML, no screen recording
Availability: InStock
Author: saikatkumardey

by saikatkumardey·Feb 26, 2026·2 points·4 comments

Visit Project View on HN

AI Analysis

●●●BangerSolve My ProblemCozy

YAML-to-animated-SVG terminal demos with pure CSS—no recording, embeds everywhere.

Strengths

•Solves genuine friction: asciinema is clunky, GIFs are heavy and blurry, recording is tedious
•Pure CSS animation means lightweight, scalable, works in any README without plugins
•Clean YAML format and iterative preview/render workflow feels polished for a new tool

Weaknesses

•Positioned for developers making CLI demos—audience is niche but highly motivated
•Limited styling beyond bundled themes; no custom fonts or complex animations yet

Post Description

I built termstage because I was tired of screen-recording CLI demos and ending up with heavy GIFs that look bad in READMEs.

termstage lets you describe a terminal session in YAML and renders it as an animated SVG — lightweight, crisp at any size, embeds directly in GitHub READMEs.

Example:

steps: - cmd: "notes list" output: "#1 Fix the login bug" - cmd: "notes done 1" output: "Marked #1 as done"

Run `termstage render demo.yaml --animated` and you get an SVG you can drop anywhere.

Install: pipx install termstage

GitHub: https://github.com/saikatkumardey/termstage PyPI: https://pypi.org/project/termstage/