GoKawiilPele tool turns Mermaid diagrams into themeable SVGs
A new tool called Pele converts Mermaid diagram syntax, such as flowcharts, directly into SVG output. Users can style the resulting diagrams using CSS variables to control colors and fonts, with color changes applying instantly without needing to re-render the diagram. The project includes an interactive playground where users can edit example Mermaid syntax and see the rendered result.
GoKawiil's interpretation of the reporting above, not reported fact.
By separating rendering from styling, Pele could make it easier for developers to theme diagrams dynamically, such as matching a site's dark/light mode, without costly re-renders. This suggests a lightweight alternative or complement to existing Mermaid rendering workflows for documentation and technical content.
- Pele renders Mermaid syntax into SVG diagrams
- CSS variables control diagram colors and fonts without re-rendering
- An online playground lets users test and edit Mermaid examples live
Source: pele.run, 2026-10-17
Published there as: “Pele – Mermaid diagrams as themeable SVG”
Read the original report → The summary and analysis above are GoKawiil's own, written from reporting by the source above. Facts and quotes belong to the original publisher.