---
id: keyboard-shortcuts
title: Keyboard Shortcuts
---

# Keyboard Shortcuts

You can perform operations like undo, redo, clone, or removing the widget directly using the keyboard shortcuts.

## Copy

You can copy the component  on the visual app editor using the following shortcut keys:

**On Mac:** `cmd + c`

**On Linux/Windows:** `ctrl + c`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+C.gif" alt="Copy" />

</div>

## Cut

You can cut the component  on the visual app editor using the following shortcut keys:

**On Mac:** `cmd + x`

**On Linux/Windows:** `ctrl + x`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+X.gif" alt="Cut" />

</div>

## Paste

You can paste the selected component  using the following shortcut keys:

**On Mac:** `cmd + v`

**On Linux/Windows:** `ctrl + v`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+V.gif" alt="Paste" />

</div>

:::caution
There are few edge cases when copy-paste commands might not work:
- The URL should be `https` and it won't work on http on many browsers
- Recent Firefox versions has some issue with copy functionality
:::

## Undo

You can undo any operation performed on the visual app editor using the following shortcut keys:

**On Mac:** `cmd + z`

**On Linux/Windows:** `ctrl + z`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+Z.gif" alt="Undo" />

</div>

## Redo

If you have `undo` an operation and want to redo that again than you can use the following shortcut keys:

**On Mac:** `cmd + shift + z`

**On Linux/Windows:** `ctrl + shift + z`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+Shift+Z.gif" alt="Redo" />

</div>

## Clone

Now you can create multiple clones of any widget without having to drag and drop the widget again from the sidebar. Just select any widget that you want to create a clone and use the following shortcut keys:

**On Mac:** `cmd + d`

**On Linux/Windows:** `ctrl + d`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/Ctrl+D.gif" alt="Clone" />

</div>

## Remove widget

Now you can delete a selected widget by using the following shortcut keys:

**On Mac:** `delete`

**On Linux/Windows:** `backspace`

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/bkspc.gif" alt="Remove" />

</div>

## Unselect the selected widget

You can quickly deselect a widget using the `esc` key.

<div style={{textAlign: 'center'}}>

<img className="screenshot-full" src="/img/tutorial/keyboard-shortcuts/esc.gif" alt="Unselect" />

</div>