Skip to content

Keyboard shortcuts screen examples

Keyboard shortcuts screen design examples from SaaS apps. Browse examples from Magnific, Bloom, Beside.

Explore the examples

Magnific - Magnific | All-in-One AI Creative Suite screen
Magnific logo
Magnific

Global search overlay where the user can ask questions, navigate to recent tools like the image generator, or trigger quick actions via keyboard shortcuts.

Bloom - Bloom by Medusa screen
Bloom logo
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.

Beside - Phone Numbers - Settings - Beside screen
Beside logo
Beside

Settings page where the user manages workspace phone numbers, currently showing an empty state with a prompt to add a new number and a system banner requiring identity verification.

Flora - FLORA - Untitled screen
Flora logo
Flora

Design editor where the user builds an AI image generation workflow on a canvas and views a floating menu of keyboard shortcuts for editing nodes.

Assembly AI App Builder - Assembly Dashboard – Nicelydone Club screen
Assembly AI App Builder logo
Assembly AI App Builder

Dashboard featuring a getting-started checklist where the user has opened the command palette to search and navigate across the app.

Amie screen
Amie logo
Amie

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

Poolside - Poolside Console - Poolside screen
Poolside logo
Poolside

Help center article explaining the Poolside Console, featuring an inline AI question prompt, a left navigation sidebar, and a right table of contents.

Aboard - Dashboard | Aboard screen
Aboard logo
Aboard

Search overlay where the user is looking for people but sees an empty state with no results over their HR dashboard.

Liveblocks - Nicelydone | Overview screen
Liveblocks logo
Liveblocks

Search overlay where the user types a query to quickly find projects or ask the AI assistant.

Missive - (10) Inbox screen
Missive logo
Missive

Inbox view where the main conversation pane is empty, showing a large multi-column profile and settings dropdown menu opened from the bottom left.

Mocha screen
Mocha logo
Mocha

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

Cushion screen
Cushion logo
Cushion

Settings modal where the user configures their workspace name, logo, and URL, with a sidebar for navigating other account and workspace preferences.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams