Keyboard Shortcuts
Superblocks provides a number of keyboard shortcuts to help you develop more efficiently in the App Builder. By providing quick access to frequently used actions, keyboard shortcuts enable you to move faster and take quick actions easily, streamlining your development workflow.
Below, you'll find a comprehensive list of keyboard shortcuts available in Superblocks. Note that on a PC you can replace ⌘
with Ctrl
and ⌥
with Alt
.
Shortcut | Action |
---|---|
Canvas | |
Right-click | Launch right-click context menu |
⌥ + Click | Open Add Component menu and insert at cursor location |
⌘G | Group selected components |
⇧ Drag | Drag to select multiple components |
⇧ Click | Select multiple components |
Arrow keys | Nudge selected components on fixed grid |
⇧ Arrow keys | Big nudge selected components on fixed grid |
Backspace/Delete | Delete selected components |
Superblocks editor | |
⌘U | Maximize/minimize API builder panel |
⌘J | Show/hide API builder panel |
⌘\ | Show/hide properties panel |
⌘E | Open Superblocks Explorer |
⌥B | Open Browse UI Templates modal |
⌥⇧ + (Number) | Open any left navigation item based on its position. For example Option + 1 will open the Add Component menu, Option + 2 will open Navigation, etc |
Coding | |
⌘S | Format code (see Code formatting) |
⌘K | Insert binding ({{ }} ) |
AI | |
⌘I | Ask AI |
⌘⏎ | Submit prompt to AI (when using Ask AI) |
API Builder | |
⌘⏎ | Run API |
⌘⇧⏎ | Run single step |
General | |
⌘C | Copy (component, selected text, etc) |
⌘X | Cut (component, selected text, etc) |
⌘V | Paste (component, selected text, etc) |