This is a live demo of Flowie, currently under construction, is a live collaborative projectional editor, a platform enabling UX designers and software engineers to co-develop web applications. It started as a simple idea to enable UX designers to capture the flow of a user through an application. Flows are specified in a modified petri-net state-machine. The modifications of the petri-net formalism are;

• The addition of place to represent modal state. One and only one modal place can be active in a modal flow (i.e. a flow between a start and end place).
• Algebraic data type are assigned to places.
• Transforms are associated with transitions.

The intention is for semantically valid definitions of web application that are executable from the earliest stages of the design process.

Depending on the user configuration (i.e. designer or developer) different projects are used. For example from a designer perspective a transition with arcs to two different modal places is represented by a split button, where as from a developer perspective this would represent an error or warning to be fixed.