Pele
Open-source library that renders Mermaid diagrams to SVG themed with CSS variables
Pele renders Mermaid diagram syntax to SVG. The homepage says it is a lightweight open-source library, themed with CSS variables, so color changes apply without a re-render. The documented install is npm install pele, and the example imports render from pele. Docs pages linked from the site cover the API, theming, compatibility, security, and examples. The homepage claims zero direct dependencies, support for every diagram type built into Mermaid 12.1.0, a 230 kB gzip bundle against 1.6 MB for Mermaid.js, and faster render times. Those performance figures are the site's own comparison, not a measurement made for this record. npm pele 1.10.0 and the GitHub LICENSE file are MIT, copyright 2026 kepano. GitHub's license API returned NOASSERTION; the LICENSE file text is the MIT license.
npm install peleInstall pele and pass Mermaid syntax to render(). Insert the returned SVG yourself. Theme it with the --pele-* CSS variables on the homepage rather than re-rendering for a color change. Read https://pele.run/security before you render untrusted diagram text. The homepage claims Mermaid 12.1.0 coverage. Check the compatibility page when a diagram uses a newer syntax.
Why it is here. It turns Mermaid text into themed SVG without shipping the Mermaid.js bundle.
Your agent can also search Index itself through the MCP server.
- Mermaid syntax to SVG
- themed with CSS variables
- npm package pele, MIT
- homepage claims zero dependencies
Verified 2026-10-25. HTTP 200. Checked https://pele.run/ on 2026-10-25. npm pele 1.10.0 reports MIT. The raw LICENSE file at obsidianmd/pele is the MIT license, copyright 2026 kepano. GitHub API reported 3,497 stars and a push on 2026-10-24. https://pele.run/llms.txt returned 404. Source tweet: https://x.com/noahelhadedy/status/2111868210244948169.
