Skip to main content

App IDE keyboard shortcuts

Learn about built-in keyboard shortcuts for the App IDE.

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.

Press ? to display a list of available shortcuts at any time. Built-in shortcuts are organized into groups that determine their function.

IDE

Keyboard shortcuts that control the App IDE.

ShortcutDescription
Mod kCommand Palette
?Keyboard shortcuts
Mod BToggle sidebar
Shift Mod AToggle add components
Shift Mod DToggle component tree
Shift Mod EToggle code
Shift Mod FToggle code search
Mod UToggle inspector
ctrl PPin and unpin sidebar
Mod .Toggle all panels
Alt Mod EnterToggle preview mode
Shift Mod PToggle user mode
Mod SSave
Mod ZUndo
Shift Mod ZRedo
Shift Mod KInspector search

Canvas

Keyboard shortcuts that control the canvas.

ShortcutDescription
ModShow grid
Shift Mod GToggle grid

Components

Keyboard shortcuts that control components.

ShortcutDescription
Mod /Toggle hidden components
Mod + ClickSelect multiple
Mod ASelect all
Mod + ClickSelect without interacting
Mod CCopy
Mod XCut
Mod VPaste
Mod DDuplicate
Move
Mod Resize
Alt Shift Mod RResize fixed containers to fit
DELDelete
ESCCancel drag or resize
ESCDeselect

Workspace customization

Keyboard shortcuts that customize the overall workspace.

ShortcutDescription
Shift Mod 1Canvas in full screen

Code management

Keyboard shortcuts that manage code tabs.

ShortcutDescription
Shift Mod MMinimize
Alt Mod WClose query tab
Alt Mod TClose all query tabs
Alt Mod SClose saved query tabs

Code

Keyboard shortcuts that assist in writing code.

ShortcutDescription
Alt Mod PPreview
Mod EnterRun
Shift Mod OToggle schema and output
Mod SSave
Mod DDuplicate
Shift Alt FFormat code
Mod \Open pop-out editor
ctrl SpaceShow autocomplete
ctrl Alt VToggle vim mode
ctrl `Toggle debug tools
ctrl LClear console
ctrl LClear timeline