Skip to main content

ElastIDE Overview

What is ElastIDE?​

ElastIDE is a web-based integrated development environment (IDE) for ElastiCORE. With no installation required, you can design domain models, perform visual modeling, edit DSL code, and collaborate with team members in real time — all directly from your browser.

Key Features​

Visual Modeling​

Edit diagrams intuitively using drag-and-drop. ElastIDE supports 13 diagram types.

CategoryDiagram Types
StructuralElastiCore Diagram, Class Diagram, Object Diagram, Component Diagram, Deployment Diagram, Flowchart, Syntax Tree
BehavioralActivity Diagram, Use Case Diagram, Communication Diagram, Petri Net, Reachability Graph, BPMN Diagram

Among these, the ElastiCore Diagram is the core type, tightly integrated with the DSL editor and AI assistant.

DSL Editor​

A built-in Monaco-based YAML editor lets you edit DSL code directly. The canvas (diagram) and the DSL editor stay in sync in real time — selecting an entity on the canvas automatically highlights the corresponding block in the DSL editor. Changes are auto-saved to localStorage so your work is never lost.

Real-Time Collaboration​

Five sharing modes support a wide range of collaboration scenarios.

  • Edit: Single-user editing mode
  • Collaborate: Real-time multi-user editing. Each participant is shown with a uniquely colored avatar.
  • Embed: Insert a diagram into an external page
  • Give Feedback: A reviewer leaves comments on the diagram
  • View Feedback: Review submitted feedback from others

Version Control​

Diagram revisions are saved automatically, allowing you to restore any previous version at any time. Use the Publish feature to explicitly commit a set of changes.

Export​

Export your diagrams in a variety of formats.

  • Supported formats: SVG, PNG, JSON, PDF
  • Diagram import and export functionality included

Project Settings​

  • Project ID and DSL URI management
  • Label management (color code support)
  • Connector style settings (straight / curved)

System Requirements​

  • A modern web browser (Chrome, Firefox, Edge, Safari)
  • Internet connection

Next Steps​