# Keyboard shortcuts (Reference)

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

<Hint type="info">

To open the shortcuts list at any time, press <kbd>?</kbd> in the editor.

</Hint>

### **General**

| Save           |                  <kbd>Ctrl</kbd>+<kbd>S</kbd> |
| -------------- | --------------------------------------------: |
| Publish        | <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> |
| Save & Publish | <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>S</kbd> |
| Undo           |                  <kbd>Ctrl</kbd>+<kbd>Z</kbd> |
| Redo           | <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Z</kbd> |
| Reload         |                  <kbd>Ctrl</kbd>+<kbd>R</kbd> |

***

### **Add to canvas**

| Add elements   | <kbd>E</kbd> |
| -------------- | -----------: |
| Add sections   | <kbd>S</kbd> |
| Add app blocks | <kbd>A</kbd> |

***

### **Switch viewport**

| Desktop | <kbd>Alt</kbd>+<kbd>1</kbd> |
| ------- | --------------------------: |
| Tablet  | <kbd>Alt</kbd>+<kbd>2</kbd> |
| Mobile  | <kbd>Alt</kbd>+<kbd>3</kbd> |

***

### **Open panels & tools**

| Layer panels       |                 <kbd>L</kbd> |
| ------------------ | ---------------------------: |
| Page revisions     |                 <kbd>R</kbd> |
| Custom code        |                 <kbd>C</kbd> |
| Templates picker   |                 <kbd>T</kbd> |
| Page settings      |  <kbd>Alt</kbd>+<kbd>P</kbd> |
| Theme settings     | <kbd>Ctrl</kbd>+<kbd>,</kbd> |
| Keyboard shortcuts |                 <kbd>?</kbd> |

***

### Element actions

| Duplicate        |                        <kbd>Ctrl</kbd>+<kbd>D</kbd> |
| ---------------- | --------------------------------------------------: |
| Delete           |              <kbd>Backspace</kbd>/<kbd>Delete</kbd> |
| Copy element     |                        <kbd>Ctrl</kbd>+<kbd>C</kbd> |
| Paste element    |                        <kbd>Ctrl</kbd>+<kbd>V</kbd> |
| Paste style only |       <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>V</kbd> |
| Hide element     |                        <kbd>Ctrl</kbd>+<kbd>H</kbd> |
| Rename           |       <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd> |
| Add stack        |                    <kbd>Ctrl</kbd>+<kbd>Enter</kbd> |
| Unstack          | <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Backspace</kbd> |
| Add frame        |       <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>F</kbd> |

***

### Layer order

| Bring to front |  <kbd>Ctrl</kbd>+<kbd>]</kbd> |
| -------------- | ----------------------------: |
| Move forward   |                             ] |
| Send to back   | <kbd>Ctrl</kbd>+<kbd>\[</kbd> |
| Move backward  |                            \[ |

***

### Alignment

| Align left              | <kbd>Alt</kbd>+<kbd>←</kbd> |
| ----------------------- | --------------------------: |
| Align horizontal center | <kbd>Alt</kbd>+<kbd>H</kbd> |
| Align right             | <kbd>Alt</kbd>+<kbd>→</kbd> |
| Align top               | <kbd>Alt</kbd>+<kbd>↑</kbd> |
| Align vertical center   | <kbd>Alt</kbd>+<kbd>V</kbd> |
| Align bottom            | <kbd>Alt</kbd>+<kbd>↓</kbd> |

***

### Move elements

| Move up 1px       |                  <kbd>↑</kbd> |
| ----------------- | ----------------------------: |
| Move down 1px     |                  <kbd>↓</kbd> |
| Move right 1px    |                  <kbd>→</kbd> |
| Move left 1px     |                  <kbd>←</kbd> |
| Move up 10px      | <kbd>Shift</kbd>+<kbd>↑</kbd> |
| Move down 10px    | <kbd>Shift</kbd>+<kbd>↓</kbd> |
| Move right 10px   | <kbd>Shift</kbd>+<kbd>→</kbd> |
| Move left 10px    | <kbd>Shift</kbd>+<kbd>←</kbd> |
| Move section up   |  <kbd>Ctrl</kbd>+<kbd>↑</kbd> |
| Move section down |  <kbd>Ctrl</kbd>+<kbd>↓</kbd> |