# Keyboard shortcuts

Speed up your workflow — perform common actions without leaving the keyboard.

<Hint type="info">
  To open the shortcuts list at any time, press `?` in the editor.
</Hint>

### **General**

<Table widths="40,60">
  | Action         | Shortcut               |
  | -------------- | ---------------------- |
  | Save           | `Ctrl `+ `S`           |
  | Publish        | `Ctrl` + `Shift` + `P` |
  | Save & Publish | `Ctrl` + `Shift` + `S` |
  | Undo           | `Ctrl` + `Z`           |
  | Redo           | `Ctrl` + `Shift` + `Z` |
  | Reload         | `Ctrl` + `R`           |
</Table>

### **Add to canvas**

<Table widths="40,60">
  | Action         | Shortcut |
  | -------------- | -------- |
  | Add elements   | `E`      |
  | Add app blocks | `A`      |
</Table>

### **Switch viewport**

<Table widths="40,60">
  | Viewport | Shortcut    |
  | -------- | ----------- |
  | Desktop  | `Alt` + `1` |
  | Tablet   | `Alt` + `2` |
  | Mobile   | `Alt` + `3` |
</Table>

### **Open panels & tools**

<Table widths="40,60">
  | Panels & tools     | Shortcut     |
  | ------------------ | ------------ |
  | Page layers        | `L`          |
  | Page revisions     | `R`          |
  | Custom code        | `C`          |
  | Templates picker   | `T`          |
  | Page settings      | `Alt` + `P`  |
  | Theme settings     | `Ctrl` + `,` |
  | Keyboard shortcuts | `?`          |
</Table>

### Element actions

<Table widths="40,60">
  | Action           | Shortcut                     |
  | ---------------- | ---------------------------- |
  | Duplicate        | `Ctrl` + `D`                 |
  | Delete           | `Backspace` / `Delete`       |
  | Copy element     | `Ctrl` + `C`                 |
  | Paste element    | `Ctrl` + `V`                 |
  | Paste style only | `Ctrl` + `Shift` + `V`       |
  | Hide element     | `Ctrl` + `H`                 |
  | Rename           | `Ctrl` + `Shift` + `R`       |
  | Add stack        | `Ctrl` + `Enter`             |
  | Unstack          | `Ctrl` + `Alt` + `Backspace` |
  | Add frame        | `Ctrl` + `Shift` + `F`       |
</Table>

### Layer order

<Table widths="40,60">
  | Action         | Shortcut     |
  | -------------- | ------------ |
  | Bring to front | `Ctrl` + `]` |
  | Move forward   | `]`          |
  | Send to back   | `Ctrl` + `[` |
  | Move backward  | `[`          |
</Table>

### Alignment

<Table widths="40,60">
  | Action                   | Shortcut    |
  | ------------------------ | ----------- |
  | Align to left            | `Alt` + `←` |
  | Align horizontal center  | `Alt` + `H` |
  | Align to right           | `Alt` + `→` |
  | Align to top             | `Alt` + `↑` |
  | Align to vertical center | `Alt` + `V` |
  | Align to bottom          | `Alt` + `↓` |
</Table>

### Move elements

<Table widths="40,60">
  | Action            | Shortcut      |
  | ----------------- | ------------- |
  | Move up 1px       | `↑`           |
  | Move down 1px     | `↓`           |
  | Move right 1px    | `→`           |
  | Move left 1px     | `←`           |
  | Move up 10px      | `Shift` + `↑` |
  | Move down 10px    | `Shift` + `↓` |
  | Move right 10px   | `Shift` + `→` |
  | Move left 10px    | `Shift` + `←` |
  | Move section up   | `Ctrl` + `↑`  |
  | Move section down | `Ctrl` +`↓`   |


</Table>