Shortcuts in Vev | Vev Help Center

Check out these Shortcuts in Vev and pick a few to remember/note down.

It will greatly improve your ability to work in Vev efficiently. If you are an experienced Vev user, we still highly recommend you read over the list of Shortcuts. It is likely that

there are shortcuts you forgot or shortcuts you did not know existed, which

can save you a lot of time in the long run.

General Shortcuts

Task	Key	Description
Open the command bar	Mac: `⌘` + `P` Win: `Ctrl` + `P`	`Opens the Command bar, which includes quick navigation and actions.`
Copy	`⌘` + `C` `Or designated` `copy buttons.`	`You can copy anything in the Canvas to your Clipboard.`
Paste	Mac: `⌘` + `V` Win: `Ctrl` + `V`	`You can paste text` `images or copied` `elements/sections and more from pages/projects.`

Navigation

Task	Key	Description
Switch to Preview	Mac: `Opt` + `1` Win: `Alt` + `1`	`Switches to Preview mode to see how your project looks in the browser`
Pan the Canvas	`Space` + `LMB` + `Drag`	`Use this to click and drag to navigate freely around the Canvas`
Show Zoom Options	`Z` + `LMB`	`Click and drag to select target Zoom area`
Zoom the Canvas in/out	Mac: `⌘` + `+` / `-` Win: `Ctrl` + `+` / `-` All: `Ctrl` + `Scroll` Gesture: `Pinch`	`Use this to Zoom in and out of the Canvas`
Zoom to Selection	`Z` + `LMB`	`Zoom in on the selected Element(s)`
Reset Zoom	Mac: `⌘` + `0` Win: `Ctrl` + `0`	`Resets the Zoom`
Change device mode	`1` / `2` / `3`	`Switch between canvas modes`
Quick Switcher	Mac: `Opt` + `\` Win: `Alt` + `\`	`Open the Quick Switcher for modes`
Switch to Design Editor	Mac: `Opt` + `2` Win: `Alt` + `2`	`Switch to the Design Editor`
Switch to Content Editor	Mac: `Opt` + `3` Win: `Alt` + `3`	`Switch to the Content editor`
Switch to Code Editor	Mac: `Opt` + `4` Win: `Alt` + `4`	`Switch to the Project Code editor`
Switch to Project Settings	Mac: `Opt` + `5` Win: `Alt` + `5`	`Opens Project Settings`

Design Editor

Task	Key	Description
Undo	Mac: `⌘` + `Z` Win: `Ctrl` + `Z`	`Undo the last action, this will work for most of the things you do in the Design or Content Editor`
Redo	Mac: `⌘` + `Shift` + `Z` Win: `Ctrl` + `Shift` + `Z`	`Redo the last un-did action`.
Create Main Component	Mac: `⌘` + `Opt` + `K` Win: `Ctrl` + `Alt` + `K`	`Combine a group of elements into a re-usable main component element`
Show Grid	`G`
Add Comment	`C`
Pointer Tool	`V`
Open Add Menu	`M`
Add new Page	Mac: `⌘` + `Opt` + `N` Win: `Ctrl` + `Alt` + `N`

Build Shortcuts

Task	Key	Description
Textbox	`T`	`Add new Textbox`
Rectangle	`R`	`Add new Rectangle`
Circle	`O`	`Add new Circle`
Section	`K`	`Add new Section`
Image	`I`	`Add new Image`

Selection Shortcuts (With an active selection)

Task	Key Combination	Description
Cut	Mac: `⌘` + `X` Win: `Ctrl` + `X`	`Cuts the selected section or element(s)`
Copy	Mac: `⌘` + `C` Win: `Ctrl` + `C`	`Copies the selected section or elements`
Paste	Mac: `⌘` + `V` Win: `Ctrl` + `V`	`Pastes your current selection into the current page/position`
Delete	`Backspace` / `Del`	`Deletes the current selection`
Move selection	`←` `↓` `↑` `→`	`Use arrow keys to move selection 1px in specified direction`
Move selection more	`Shift` + `← ↓ ↑ →`	`Use arrow keys to move selection 5px in specified direction`
Select All	Mac: `⌘` + `A` Win: `Ctrl` + `A`	`Select everything in the current section`
Select Elements	Mac: `Command` + `Right click` Win: `Ctrl` + `Right click`	`Select the elements you right-click`
De-select	`Escape`	`De-select your current selection`
Toggle visibility	Mac: `Opt` + `Q` Win: `Alt` + `Q`	`Toggles the current selections visibility`
Toggle Lock Select	Mac: `Opt` + `W` Win: `Alt` + `W`	`Locks or un-locks the current Selection`
Inspect Code ( Open in Developer	`Shift` + `U`	`Opens the code for the currently selected element.`
Toggle Aspect Ratio Lock	`Shift` + `L`	`Toggles on / off Aspect Ratio Lock`
Group Selection	Mac: `⌘` + `G` Win: `Ctrl` + `G`	`Groups current selection into a Frame`
Un-group Selection	Mac: `⌘` + `Shift` + `G` Win: `Ctrl` + `Shift` + `G`	`Un-groups the selected Frame`
Add Auto Layout	Mac: `Opt` + `A` Win: `Alt` + `A`	`Generates an Auto Layout from selection`
Remove Auto Layout	Mac: `Shift` + `Opt` + `A` Win: `Shift` + `Alt` + `A`	`Remove Auto Layout from selection`
Move Forward / Backwards (Layer Order)	Mac: `⌘` + `↑` `⌘` + `↓` Win: `Ctrl` + `↑` `Ctrl` + `↓`	`Moves your selection forwards or backwards in the Layer order`
Move layer to front or back	Mac: `⌘` + `Opt` + `↑` `⌘` + `Opt` + `↓` Win: `Ctrl` + `Shift` + `↑` `Ctrl` + `Shift` + `↓`

Text Editor Shortcuts

Task	Key	Description
Bold Text	Mac: `⌘` + `B` Win: `Ctrl` + `B`	`Toggles the selected text in a Text Element to Bold`
Italic Text	Mac: `⌘` + `I` Win: `Ctrl` + `I`	`Toggles the selected text in a Text Element to Italic`
Underline Text	Mac: `⌘` + `U` Win: `Ctrl` + `U`	`Toggles underline for the selected text`
Header 1	Mac: `⌘` + `Alt` + `1` Win: `Ctrl` + `Alt` + `1`	`Toggles the selected text in a Text Element to Heading 1`
Header 2	Mac: `⌘` + `Alt` + `2` Win: `Ctrl` + `Alt` + `2`	`Toggles the selected text in a Text Element to Heading 2`
Header 3	Mac: `⌘` + `Alt` + `3` Win: `Ctrl` + `Alt` + `3`	`Toggles the selected text in a Text Element to Heading 3`

Code Editor Shortcuts

Task	Key	Description
Close active code tab	Mac: `Opt` + `W` Win: `Alt` + `W`	`Close the currently open file in the Code Editor`
Close tabs	Mac: `Shift` + `Alt` + `3` Win: `Shift` + `Alt` + `3`	`Close all currently open files in the Code Editor`
Save / Run Code Package	Mac: `⌘` + `S` Win: `Ctrl` + `S`
Deploy Code Package	Mac: `⌘` + `Shift` + `S` Win: `Ctrl` + `Shift` + `S`

Navigating the Design Editor

Navigating the Content Editor

Embed Vev content in Joomla! (4.1.5)

Build with Vev: Interactive website (2 of 4)

How to Optimize for Accessibility in Vev