Pele
Pele is Pele is a lightweight open source library that renders Mermaid diagrams to SVG, themed with CSS variables.. It is ranked #138 on the Dev Radar, in Web frameworks, first seen 12 days ago and shared in 3 posts (333.3k views).
Pele · Mermaid diagrams as themeable SVG Pele is a lightweight open source library that renders Mermaid diagrams to SVG, themed with CSS variables . How it works Write Mermaid syntax, Pele renders it to SVG. Try editing the example below. Mermaid 1 flowchart TD 2 A [ Mermaid text ] --> B { Flowchart? } 3 B -- Yes --> C [ Pele ] 4 B -- No --> D [ Mermaid ] 5 C --> E ([ SVG ]) 6 D --> E Pele Open in Playground Use CSS variables to set colors and fonts. Color changes apply without re-rendering. CSS 1 .pele { 2 --pele-bg : #fffcf0 ; 3 --pele-fg : #100f0f ; 4 --pele-muted : #6f6e69 ; 5 --pele-line : #100f0f ; 6 --pele-surface : #f2f0e5 ; 7…
What people said about Pele on X
the /statechart skill in pstack v0.15.36 is now stable and ready for use! it's best combined with /create-formal-verification-skill to abstractly model state machines and distributed systems to find bugs. the skill contains a mini tlc compiler that parses, lowers to a small IR, and has a backend that outputs mmd…
— @poteto, 1 days ago · 6.5k likes · see the post
New rendering library for diagram and charts, and its 100-500x faster than Mermaid.js https://pele.run/
— @trevin, 12 days ago · 34 likes · see the post
Energon 1.15.1 just got an upgrade courtesy of @kepano! His https://pele.run project is a swap for mermaid.js but is remarkably more efficient. In my tests, it's running ~520x faster and loads 7x less JS per diagram. https://getenergon.com
— @trevin, 10 days ago · 3 likes · see the post
Alternatives to Pele
- TanStack — Render gives TanStack teams intuitive cloud infrastructure for app services, Postgres, Key Value, cron jobs, and…
- React Bits — Opus 5.5 +
- The Calculus of Interfaces — The Calculus of Interfaces
- Bencho — Big update soon ->
- threejs.org —
- Avara UI — Worth exploring if you're building with React and shadcn/ui
Pele in numbers
- Rank on the Dev Radar: #138 of 8798
- Shared in 3 posts by 2 accounts: @poteto, @trevin
- 333.3k views on those posts
- First seen 12 days ago, last shared 1 days ago
- Pricing seen by AGK Intelligence: open source
- Market: Web frameworks
FAQ
What is Pele?
Pele is a lightweight open source library that renders Mermaid diagrams to SVG, themed with CSS variables. It was first shared on X 12 days ago and is ranked #138 on the Dev Radar.
Is Pele free?
It is open source.
Who shared Pele?
2 accounts on X, including @poteto, @trevin, in 3 posts totalling 333.3k views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 31.2k posts from 5k X accounts over the last 21 days, 8.8k tools, 12 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-10-30 20:22 UTC. Full method.