Our list of online modeling tools

The demand for web-based applications plus the need for online collaboration plus the amazing web interfaces that can be created with new technologies (e.g. HTML5 canvas) has created a “new” market for modeling tools: online modeling tools. In fact, they are more drawing tools than modeling tools but still, they at least offer you a way to draw and share your (UML/ER/BPMN) models online.

If you want to give them a try (most offer a free plan or at least a free trial), the five tools I’ve been more looking into (let me warn you, don’t expect me to declare a winner, just decide by yourself!) are, in alphabetical order,:

Online diagramming and collaboration. Several modeling languages supported (including UML). For a short introduction see the presentation of this tool for the portal readers in a guest post by Creately authors , see here

Pure HTML5 Online Flowchart Software, licensed under GPL (nice!), which obviously means that you can also have the option to install it on your own server. The only “but” for the typical readers of this portal is that as a flowchart-focused software, it only covers one kind of UML diagrams: state machines (but there is an easy solution for this just fork it on Github and extend it yourself :-) ). Diagrams can be easily shared with others but synchronous collaboration is not possible.

diagramo HTML5 modeling

Fails in the collaborative aspect and it’s less feature-rich than the others but I love its simplicity. All you see is a empty canvas ready for you to start drawing. Support for BPMN notation.

Modeling tool (right now only supporting class diagrams) with some code-generation capabilities. Featured in the blog here.

Support for UML and BPMN diagrams (among many other types). They claim to be “the most widely used online diagramming application”, I wonder how they know that. Collaboration and revision control features available.

Flow charting tool with support for all major UML diagrams (and also BPMN). The tool has a demo mode you can use to try it for free. Works also when you are offline and there is a desktop version available so you can choose.

jsUML2 library
A HTML5/javascript library for UML2 diagramming. Its main objective is to provide web developers an easy way to visualize and edit UML models in their our own web sites, without other external dependencies and fully executable on the client-side via the browser, unlike other tools in this list. The jsUML2 library provides an API to allow web developers to include editable diagrams in their own web sites making use of the HTML5 technologies supported by the newest web browsers, as well as by current mobile devices.

HTML5-based. With UML support and real-time collaboration capabilities. It can import Visio files, which is definitely a plus considering that all these tools seem an online version of Visio and are probably targeting the same kind of users.

JavaScript diagramming solution. Supports BPMN models, database schema designs, UML diagrams and organizational charts. They claim to be the only fully client-side solution.

Of course, these are not the only alternatives (feel free to suggest other tools in the comments!). If you’re just interested in drawing UML diagrams, UMLCanvas or zOOml could work for you as well. If you prefer to create your own web-based modeling tool, then Joint (Javascript diagramming library) could be the place to start. And if you just want to render your UML diagrams as part of a web page, several of the tools in this list of textual modeling tools could be used for that purpose. If you haven’t yet found what you’re looking for, check this extended list where you’ll find all kinds of online drawing tools (i.e. not necessarily modeling tools).

If you enjoyed this post you can subscribe to this Software Modeling blog , follow me on twitter and/or subscribe to the portal’s mailing list . And if you really liked it help me pass it on to others by sharing the post using the links below. Don’t forget to check our consulting and sponsorship opportunities either!

7 Responses to Our list of online modeling tools

  1. [...] The tool works also when you are offline and there is a desktop version available. You can also check these other web-based modeling tools. [...]

  2. Richard Paige says:

    We presented a prototype online modelling version of EuGENia at the XM’12 workshop at MoDELS this year. Flexible modelling by example. Check it out at http://eugenialive.herokuapp.com

  3. Rafael says:

    Hey Jordi,

    Even though it is not advertised as such (because modeling has a bit of a bad rap with developers), Cloudfier is a (web-based) modeling tool. But I bet you knew that already. :)



  4. Hi, http://www.signavio.com/ is another on-line tool that supports BPMN and other modelling languages as well.
    Regards, Vincent

  5. Vladimir says:


    Please, could you add Modelus Suite online cloud modeling tool to your list ? See info on http://www.vektiva.com.


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress