UML Diagram Creator (Basic)

UML Diagram Creator (Class)

Define classes and relationships using simple syntax to generate a visual diagram.

Diagram Syntax

Tip: Relationships are defined by two class names separated by the relationship type. Use double newlines to separate classes.

Instructions

This tool generates simple **Class Diagrams**. Enter your definition in the syntax box on the left, then click "Generate Diagram" or switch to the Viewer tab.

Class Definition Syntax:
Class:Name
{
    [visibility]attribute: type
    [visibility]method(): returnType
}
  • Visibility: + (Public), - (Private), # (Protected)
  • Methods must end with ()
Relationship Syntax:
ClassA -- [Type] -- ClassB
  • Association: -- (Simple line)
  • Composition: <>-- (Solid diamond)
  • Inheritance: <|-- (Open triangle)
  • Multiplicity: 1..* (One-to-many)
Scroll to Top