Skip to main content


Pintora is a javascript text-to-diagrams library that works in both browser and Node.js.

Expressing your thoughts in a diagram is better than a thousand words. With the help of pintora.js, you can create diagrams with intuitive text.

Heavily inspired by Mermaid.js and PlantUML.


  • In browser side, output SVG or Canvas.
  • In Node.js side, output PNG/JPG/SVG file.
  • [Planning] Modular and composable, load specific diagram implementaions only when needed, keep the core code lightweight.
  • Highly extensible, provide a plugin system for diagram developer to write and distribute their own diagrams. See Write a custom diagram

Diagram types

@param layoutDirection TB
* Pintora diagrams
** UML Diagrams
*** Sequence Diagram
*** Activity Diagram
*** Component Diagram
** Non-UML Diagrams
*** Entity Relationship Diagram
*** Mind Map
*** Gantt Diagram
*** DOT Diagram

💻 Editor Support

  • VSCode extension pintora-vscode, providing syntax highlight and preview support for .pintora file and markdown code fence.