BESSER Web Modeling Editor

The BESSER Web Modeling Editor (WME) is the visual editor that powers the BESSER low-code platform. Design UML models, generate code, and deploy applications – all from your browser.

Tip

Try it now at editor.besser-pearl.org – no installation needed.

Tutorials

• Tutorial: Your First Project
  • Step 1: Create a Project
  • Step 2: Add Classes
  • Step 3: Add a Relationship
  • Step 4: Add an Enumeration
  • Step 5: Validate Your Model
  • Step 6: Generate Code
  • Step 7: Explore Further

How-to Guides

• Getting Started
  • Accessing the Editor
  • Prerequisites
  • Deploy with Docker (Recommended)
  • Run from Source
  • Run the web application locally
  • Recommended verification
• Deploying Locally
  • Prerequisites
  • Clone and Launch the Project
• Project Management
  • Creating a New Project
  • Importing Projects
  • Exporting Projects
  • Project Settings
  • GitHub Integration
• Diagram Types
  • Class Diagrams
  • Object Diagrams
  • State Machine Diagrams
  • Agent Diagrams
  • GUI Diagrams
  • Quantum Circuit Diagrams
  • Neural Network Diagrams
  • Overview
• Adding a New Diagram Type
  • Decision Tree

Reference

• Using the Web Modeling Editor
  • Accessing the Editor
  • Dashboard Structure
• Editors
  • UML Editor
  • Quantum Circuit Editor
  • GUI Editor
  • ApollonEditor API
  • Diagram Bridge Service
  • Extending Diagram Types
• Web Application
  • Highlights
  • Directory tour
  • Integration points
• Local Projects
  • Data model
  • Persistence
  • Redux slice
  • Adding a new supported diagram type
  • Troubleshooting tips
• Embedding the Editor
  • Using the bare editor
  • Reusing the webapp component
  • Example
  • Collaboration
  • Styling and layout
• CLI Reference
  • Root scripts
  • Package-specific scripts
• Environment Variables
  • Web application
  • Server
  • Common

Explanation

• Architecture & Design
• Project Structure

Contributing

• Contributing
• Understanding the Codebase
• Development Workflow

Project resources

• Source: https://github.com/BESSER-PEARL/BESSER-WEB-MODELING-EDITOR

• Online editor: https://editor.besser-pearl.org

• BESSER platform: https://github.com/BESSER-PEARL/BESSER