Choose an example, edit its code, preview a flowchart, sequence diagram or mind map, then export it. No signup.
Flowcharts are the best tool for visualizing business processes and workflows. Through standardized symbols and clear arrows, help you visualize decision paths, business logic, and operational steps.
Sequence diagrams show the interaction timing and message passing between system components. Perfect for describing API calls, function call chains, and request-response flows in distributed systems.
Class diagrams are the core tool of object-oriented programming, showing class attributes, methods, and relationships. Help development teams understand system structure.
State diagrams describe the sequence of states an object goes through during its lifecycle and the events that cause state transitions. Ideal for game development and workflow engines.
Gantt charts are a classic project management tool that display project progress, task dependencies, and scheduling through bar charts. Help project managers track progress and coordinate resources.
Mind maps are a way to express radiating thoughts, suitable for brainstorming, note-taking, and knowledge management. Spread from a central topic to help organize ideas and spark creativity.
ER diagrams (Entity-Relationship diagrams) are the standard tool for database design, showing entities, attributes, and relationships between entities. Essential for system analysis and database development.
Git graphs visually display code version history and branch merge situations. Help development teams understand code evolution and manage multi-person collaborative development.
Yes, ClawDiag is completely free to use. No registration required, no payment needed, all features are available for free.
The current page does not automatically save diagram code. Before refreshing, closing the page or switching examples, use Export to save the source as TXT. You can paste that code back later. PNG, SVG and PDF are useful for sharing images but do not replace a Mermaid source backup.
Examples include flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts and mind maps. Some templates use flowcharts to represent a structure. Supported syntax depends on the Mermaid version used here, not every feature in the latest release. If parsing fails, start with an example and change it incrementally.
SVG preserves the diagram as vector graphics and is useful when it needs to scale. PNG is convenient for notes, presentations and messages. Render the diagram before exporting, then open the downloaded file to check its labels and layout. Save TXT source separately if you want to edit the diagram logic later.
Click the "?" button above the editor to view the syntax cheat sheet. We also provide sample code for each diagram type that you can reference and modify.
A mind map is a visual tool for radiating thinking with a central topic as the core, spreading outward. It uses hierarchical structure and colors to help you organize ideas and spark creativity, suitable for brainstorming, note-taking, project planning and knowledge management.
ClawDiag is an online diagram editor built with Mermaid. Choose an example, then edit its labels, nodes and connections to preview a flowchart, sequence diagram or mind map. No account or desktop installation is required.
Our tool supports real-time preview, code editing, PNG export and other features, while providing bilingual Chinese-English interface to meet the needs of global users.