← Sunday, October 18, 2026WebTool

Pele renders Mermaid diagrams as themeable SVG

pele.run Editor score 7/10

Preview image for Pele renders Mermaid diagrams as themeable SVG

Pele turns Mermaid syntax into SVG and lists 0.05–0.3 ms render times, a 230 kB gzip bundle, and no direct dependencies. Those trade-offs are useful when choosing a diagram renderer for a web app.

What
Pele is an open-source library that renders Mermaid diagrams as SVG and supports CSS-variable theming.
How
It converts Mermaid syntax to SVG; CSS color changes apply without rerendering, and the excerpt reports no direct dependencies.
Why it matters
For UI engineers, its themeable output and small bundle and render-time figures offer an alternative to Mermaid.js.
input renders Mermaid syntax Pele SVG
Pele converts Mermaid syntax into SVG output. Sketched from the article's own text.

Discussion

Discussion is not switched on yet. Use Note above to keep your own thoughts on this story.

Headline, summary, brief and diagram are written by a model from the source's own text; the link, byline and numbers come from the source. Read the original before relying on a claim.

Your note

Private to you. Stored in this browser, and synced to your account when you are signed in.