Shortcuts screen examples

Bloom

AI chat interface where the user is viewing a generated admin dashboard artifact and has opened the keyboard shortcuts modal to navigate the generated app.

• AI Chat
• Dashboard

Flora

Node-based image generation canvas where a keyboard shortcuts modal is open over the workflow.

• AI Editing
• Command Palette

Amie

Settings page where the user views a comprehensive list of global and todo-specific keyboard shortcuts for navigating the app.

• Settings

Missive

Settings modal where the user configures custom left-to-right and right-to-left swipe actions for their inbox.

• Settings

Mocha

Settings page with a keyboard shortcuts reference dialog listing app panel toggles and the global help shortcut.

• Settings

Linear

List view of active issues showing an empty state with a prompt to create a new issue, while a side drawer displaying a searchable list of keyboard shortcuts is open.

• Empty State
• Tasks

Chatwoot

Settings page where a modal displays a comprehensive list of available keyboard shortcuts for navigating and operating the application.

Ona

Modal overlay displaying a categorized list of keyboard shortcuts for general actions, navigation, and AI conversations.

• Command Palette

Fabric

Settings page where the user views global keyboard shortcuts and can download the desktop app to customize them.

• Settings

Gumloop

Workflow editor where the user configures a node-based automation pipeline and adjusts canvas preferences like edge type and snapping behavior.

• Edit
• AI Assistant

Typeform

Design editor preview mode showing a single long-text survey question with a floating device-preview toolbar and keyboard shortcut hints.

• Form
• Media Editor

Optimal

Study setup page where the user builds and edits the hierarchical tree structure for an information architecture test.

• Edit
• Table