brainstate

mermaid-js/mermaid-live-editor

Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.

TypeScript★ 6.9kMITGitHub ↗

Similar

  1. cathrynlavery/diagram-design

    Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

    HTML★ 64.8kMITGitHub ↗

  2. tt-a1i/archify

    Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

    JavaScript★ 93.3kApache-2.0GitHub ↗

  3. yizhiyanhua-ai/fireworks-tech-graph

    Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.

    Python★ 11.9kMITGitHub ↗

  4. penrose/penrose

    Create beautiful diagrams just by typing notation in plain text.

    TypeScript★ 8.0kMITGitHub ↗

  5. excalidraw/excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

    TypeScript★ 135.1kMITGitHub ↗

  6. d2lang/d2

    D2 is a modern diagram scripting language that turns text to diagrams.

    Go★ 25.8kMPL-2.0GitHub ↗

  7. AykutSarac/jsoncrack.com

    ✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML and CSV into interactive graphs.

    TypeScript★ 44.6kApache-2.0GitHub ↗

  8. mermaid-js/mermaid

    Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

    TypeScript★ 91.0kMITGitHub ↗