Tools · Updated 17 Oct, 09:25 pm IST

Pele: lightweight Mermaid-to-SVG renderer with theming

Why it matters for readers: If you use Mermaid diagrams, Pele offers a faster, lighter alternative that integrates via npm and CSS theming.

Pele renders Mermaid syntax directly to SVG and supports every diagram type in Mermaid 12.1.0.1
The project claims a much smaller bundle (about 230 kB gzip) and render times of 0.05–0.3 ms versus Mermaid.js's larger bundle and slower renders.1
Pele uses CSS variables for theming so colors and fonts can change without re-rendering the diagram.1
You can add Pele to a web app via npm and call its render() API to insert returned SVG into the page.1
Pele was open-sourced and developed for Obsidian to match themes and render diagrams quickly.1

Get a brief like this every morning

Uzha reads hundreds of sources and gives you the stories that matter for your work, with every source linked. Free.