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
Command Palette
Keyboard shortcuts
Toggle sidebar
Toggle add components
Toggle component tree
Toggle code
Toggle code search
Toggle inspector
Pin and unpin sidebar
Toggle all panels
Toggle preview mode
Toggle user mode
Save
Undo
Redo
Inspector search

Canvas

Keyboard shortcuts that control the canvas.

ShortcutDescription
Show grid
Toggle grid

Components

Keyboard shortcuts that control components.

ShortcutDescription
Toggle hidden components
+ ClickSelect multiple
Select all
+ ClickSelect without interacting
Copy
Cut
Paste
Duplicate
Move
Resize
Resize fixed containers to fit
Delete
Cancel drag or resize
Deselect

Workspace customization

Keyboard shortcuts that customize the overall workspace.

ShortcutDescription
Canvas in full screen

Code management

Keyboard shortcuts that manage code tabs.

ShortcutDescription
Minimize
Close query tab
Close all query tabs
Close saved query tabs

Code

Keyboard shortcuts that assist in writing code.

ShortcutDescription
Preview
Run
Toggle schema and output
Save
Duplicate
Format code
Open pop-out editor
Show autocomplete
Toggle vim mode (beta)
Toggle debug tools
Clear console
Clear timeline