Drag and Drop Builder

Conceptual mockups for a drag and drop HTML app builder. Users drag HTML element components onto a canvas to visually create responsive apps. Sample screens presented here include a the visual builder, a text editor (for coding), a live preview, and a page for choosing prerendered app templates.

Focus

UI design

Screenshot of visual builder
Screenshot of visual builder's live preview window
Screenshot of visual builder's code editor
Screenshot of visual builder's template selection screen