vitepress-plugin-pele

Diagram gallery ​

Every diagram below is a plain mermaid fence rendered by Pele during the build. Open the navbar color-mode toggle: the SVGs follow the palette without being re-rendered.

Flowchart ​

buildMarkdownVitePressPeleInline SVG

Sequence diagram ​

render(source)SVGUserPeleUserPele

State diagram ​

DraftReviewPublished

Class diagram ​

Renderer+render(source) : SVGPlugin

Entity relationship ​

containsDOCstringpathDIAGRAM

Gantt ​

Release planMVPPublishBuild2026-10-012026-10-032026-10-052026-10-072026-10-092026-10-112026-10-132026-10-15

Pie chart ​

Diagram types in this gallery45%30%25%FlowchartSequenceOther

Mindmap ​

BuildPeleThemeCSS variablesVitePress

Git graph ​

mainfeature0-9e3779b1-3c6ef36

Journey ​

Authoring a diagram54321WriteAdd fenceAuthorBuildSee SVGAuthorAuthor

Timeline ​

Pele timeline2026MVPPublic release

Quadrant chart ​

Effort vs impactDoPlanSkipQuick winsLow effortHigh effortLow impactHigh impactPele

XY chart ​

Buildtimeperdiagram0100200300400500mermaid.jspelems

Literal braces ​

Vue interpolation syntax inside labels is preserved because the wrapper is compiled with v-pre:

{{ mustache }}Still a label

MIT licensed. Demo runs VitePress 2.0.0-alpha.20.

Copyright © 2026 姬飞雨