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 Full Filter Family: Glow, Emboss, Shadows, Pixelate
Five more custom filters that close the gaps native CSS leaves open: outer/inner glow, embossed surfaces, Material-style elevation shadows, inset shadows, and pixelation — all configured by named parameters, all composable via GroupLayer.
