Features

Current Features

Mockup / prototype by drag'n'drop components and move/resize them
Support for standard Mouse and Keyboard combinations
Responsive preview (phone, tablet, web)
Basic set of HTML5 elements
Material design components (vue-mdc-adapter)
Vuejs sources generation (download .zip)
Connect with GitHub (save/load vuegg projects)
Local persistence to save the work in progress
... more to come with time

Keyboard Shortcuts

Select

Mouse down + Drag + Mouse up: Draw a selection area
Ctrl [or Meta] + Click: Select outer-most item, or parent container
Ctrl [or Meta] + Shift + Click: Add [outer-most] item to selection
Esc: Clear selection

Move

Mouse drag & drop: The standard way
ArrowKeys: Moves the selected elements 1px
Shift + ArrowKeys: Moves the selected elements 10px

Copy / Cut / paste

Ctrl [or Meta] + C: Copy selection
Ctrl [or Meta] + X: Cut selection
Ctrl [or Meta] + V: paste selection

Delete

Delete [or Backspace]: Deletes selection

Undo / Redo

Ctrl [or Meta] + Z: Undo last action
Ctrl [or Meta] + Shift + Z: Redo last action