pathogen-lang · v0.7.0 Blog Docs Explore Featured

From a one-liner to a thousand-line composition.

Pathogen Studio is a typed, expression-first language for SVG paths. Compile from the CLI, the playground, or your editor — get the same path output every time.

let colors = Color.palette(oklch(0.6695 0.2483 330.1),                           oklch(0.8142 0.1571 72.9),                           29);let center = Point(200, 200);for ([color, index] in colors) {  let petalLayer = PathLayer(`layer-${index}`) ${    fill: color.lighten(20%);    stroke: color;    stroke-width: 4;  };  petalLayer.apply {    let petalCenter = center.polarTranslate(calc(2pi * (index / colors.length)), 120);    circle(petalCenter.x, petalCenter.y, 50);  }}
→ 29 paths · 0.04s

Source · MIT

GitHub.

Read the source, file an issue, send a pull request. Compiler, evaluator, stdlib, CLI — all in one repository.

$ git clone ryankuykendall/pathogen-lang

CLI · Node

Compile anywhere.

Pipe stdin, eval inline, or compile a file. Output as a path string, a full SVG, or an annotated debug view.

$ npm install -g pathogen-lang

VS Code · Coming soon

In the editor.

LSP-powered completions, hover docs, diagnostics, and a live preview pane — install the extension when it lands and write Pathogen anywhere you write code.

$ code --install-extension pedestal-design.pathogen-lang

From the blog · Latest

The Swelling Line: Variable Offsets, Ribbons, and Letterforms

Two new PathBlock methods — variableOffset and compoundVariableOffset — turn any path into a rail for expressive, variable-width strokes. We build up from the rail model to curvature-continuous joins, filled ribbons with end caps, and a glyph-wrapped Pathogen wordmark.

July 13, 2026