Use Retool's built-in keyboard shortcuts to quickly perform certain actions or control the interface. You can also configure custom keyboard shortcuts on a per-app basis that can trigger queries, interact with components, and more.
Retool includes a number of built-in keyboard shortcuts that work across different parts of the interface. Press ? to display a list of available shortcuts at any time.
Built-in shortcuts are organized into groups that determine their function.
Keyboard shortcuts that work across Retool interfaces.
|?||Show keyboard shortcuts|
Keyboard shortcuts that control the App editor.
|Ctrl B||Toggle left panel|
|Ctrl J||Toggle bottom panel|
|Ctrl U||Toggle right panel|
|Ctrl .||Toggle all panels|
|Ctrl Shift P||Toggle preview mode|
|Ctrl Shift Z||Redo|
|Ctrl Shift Y||Show History modal|
Keyboard shortcuts that control the canvas and selected components.
|Ctrl Shift G||Toggle grid|
|Ctrl /||Toggle hidden components|
|Ctrl + Click||Select multiple|
|Ctrl A||Select all|
|Ctrl + Click||Select without interacting|
|Ctrl + Drag||Drag without interacting|
|Alt + Drag||Duplicate|
|↑ → ↓ ←||Move|
|Ctrl ↑ ↓||Move 5 rows|
|Ctrl ↑ → ↓ ←||Resize selected component|
|Ctrl Shift ↑ ↓||Move 5 rows|
|Alt Shift Ctrl R||Resize to fit|
|Delete or Ctrl Delete||Delete|
|Escape||Cancel drag or resize, Deselect|
|Ctrl L||Format code|
Keyboard shortcuts that control code editors.
|Ctrl space||Show autocomplete|
|Ctrl Alt V||Toggle Vim mode (beta)|
Keyboard shortcuts that control Debug Tools.
|Ctrl `||Toggle Debug Tools|
|Ctrl L||Clear console and timeline|
••• in the App editor toolbar to open the App settings menu and select Custom shortcuts.
A custom shortcut can include almost any keyboard character or symbol, such as a or $, and optional modifier keys, such as Ctrl.
Shortcuts that use a single uppercase letter or secondary character, such as
@, automatically require Shift—you don't need to include it in the shortcut.
You can include modifier keys in custom shortcuts. Modifier keys are commonly used for keyboard shortcuts but are not required. Modifiers, named keys, and reserved symbols must be explicitly named when used in a shortcut.
|Shift (PC and Mac)|
|Ctrl (PC and Mac)|
|Alt (PC) or Option (Mac)|
|Ctrl (PC) or Command (Mac)|
|Command (Mac only)|
|Windows (PC only)|
|Backspace (PC and Mac)|
|Space (PC and Mac)|
|Escape (PC and Mac)|
|+ (PC and Mac)|
Certain modifiers automatically change based on the user's platform (e.g.,
mod) or you can explicitly define modifiers be the same (e.g.,
You can define a combination or sequence of keys to trigger a shortcut.
- Combination: Separate the keys with
alt+5). You must press the keys simultaneously to trigger the shortcut. Key combinations do not require a modifier key and you could use a combination of character keys.
- Sequence: Separate keys with a space (e.g.,
w a s d). You must press the defined keys in sequential order to trigger the shortcut.
|j to show confetti.|
|Shift j to display a notification.|
|Ctrl j to copy the current day to the clipboard.|
|r then e to open retool.com in a new tab.|
You can also use write shortcuts with complex logic to conditionally perform actions or chain together multiple actions. For example, you can define a single shortcut to cycle through all views in a Tabbed Container component.
tabbedContainer1.views.length === tabbedContainer1.currentViewIndex + 1 ? tabbedContainer1.setCurrentViewIndex(0) : tabbedContainer1.showNextVisibleView();
Updated 4 days ago