Pele
An open-source tool that converts Mermaid diagrams into themeable SVGs. By extracting inline styles and replacing them with CSS classes or variables, it separates diagram styling from structure, making it easier to integrate design tokens and theme systems.
Timeline (last 90 days)
Pele is an open-source tool that converts Mermaid diagrams into themeable SVG.
Tools like Pele typically require users to inline the SVG into the page, or to inject theme variables through a build step.
Mapping the style attributes in the SVG output by Pele to design tokens allows diagrams and the product interface to use the same visual language.
Pele's difference lies in post-processing the generated SVG, removing inline styles and replacing them with CSS classes or variables, transferring style control to the user.
Pele is suited to documentation sites, knowledge bases, design system documentation, and diagram scenarios that require brand consistency.
The Pele project received 27 points on Hacker News.
Pele's community ecosystem and long-term maintenance remain to be seen.
All Facts (7)
Pele is an open-source tool that converts Mermaid diagrams into themeable SVG.
50%UnverifiedTools like Pele typically require users to inline the SVG into the page, or to inject theme variables through a build step.
50%UnverifiedMapping the style attributes in the SVG output by Pele to design tokens allows diagrams and the product interface to use the same visual language.
50%UnverifiedPele's difference lies in post-processing the generated SVG, removing inline styles and replacing them with CSS classes or variables, transferring style control to the user.
50%UnverifiedPele is suited to documentation sites, knowledge bases, design system documentation, and diagram scenarios that require brand consistency.
50%UnverifiedThe Pele project received 27 points on Hacker News.
50%UnverifiedPele's community ecosystem and long-term maintenance remain to be seen.
50%