[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fshortcuts":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":524,"links":525,"dates":586},"\u002Fexamples\u002Fscreens\u002Fshortcuts","collection","screens",true,{"example_count":9,"app_count":10},170,65,{"id":12,"title":13,"description":14},68,"Shortcuts","See how apps introduce keyboard commands and other shortcuts. Explore how command names, key combinations, and groups are presented for reference within the product.",{"title":16,"description":17,"og_image":18},"Shortcuts screen examples - Nicelydone","Shortcuts screen design examples from SaaS apps. See how apps introduce keyboard commands and other shortcuts. Explore how command names, key combinations,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F663fa14d-726f-4837-9f6e-dec63a128f3b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Shortcuts screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Shortcuts screen design examples from SaaS apps. See how apps introduce keyboard commands and other shortcuts. Explore how command names, key combinations, and groups are presented for reference within the…",[32],{"title":33,"description":14,"links":34},"About Shortcuts",[],[36],"170 screens",[38,116,160,198,227,258,300,330,356,391,431,477],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":74,"app":95},"663fa14d-726f-4837-9f6e-dec63a128f3b","Bloom by Medusa","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.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fscreens",3024,1758,"Bloom by Medusa from Bloom","2026-07-13T10:49:54.000Z","screen",[49,56,65],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"shortcuts",0,{"id":53,"label":54,"slug":55},6,"Navigation & Commands","navigation-and-commands",{"id":57,"label":58,"slug":59,"rank":60,"group":61},28,"AI Chat","ai-chat",1,{"id":62,"label":63,"slug":64},3,"AI","ai",{"id":66,"label":67,"slug":68,"rank":69,"group":70},41,"Dashboard","dashboard",2,{"id":71,"label":72,"slug":73},4,"Data & Analysis","data-and-analysis",[75,79,83,87,91],{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},277,"Button group","button-group",{"id":84,"title":85,"slug":86},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},284,"Modal","modal",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":96,"title":97,"logo":98,"baseline":99,"categories":100},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[101,105,108,112],{"id":102,"title":103,"slug":104},80,"Artificial Intelligence","artificial-intelligence",{"id":62,"title":106,"slug":107},"Shopping","shopping",{"id":109,"title":110,"slug":111},7,"Web Development","web-development",{"id":113,"title":114,"slug":115},96,"No code","no-code",{"uuid":117,"title":118,"description":119,"canonical_path":120,"image":121,"width":43,"height":44,"image_alt":122,"published_at":123,"kind":47,"patterns":124,"component_categories":137,"app":145},"c5a4287f-c303-45db-9c14-980011bf8c3c","FLORA - Untitled","Node-based image generation canvas where a keyboard shortcuts modal is open over the workflow.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5a4287f-c303-45db-9c14-980011bf8c3c.png","FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z",[125,130,135],{"id":126,"label":127,"slug":128,"rank":51,"group":129},29,"AI Editing","ai-editing",{"id":62,"label":63,"slug":64},{"id":131,"label":132,"slug":133,"rank":60,"group":134},63,"Command Palette","command-palette",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":69,"group":136},{"id":53,"label":54,"slug":55},[138,142,143,144],{"id":139,"title":140,"slug":141},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":146,"title":147,"logo":148,"baseline":149,"categories":150},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[151,152,156],{"id":102,"title":103,"slug":104},{"id":153,"title":154,"slug":155},8,"Design","design",{"id":157,"title":158,"slug":159},23,"Collaboration","collaboration",{"uuid":161,"title":162,"description":163,"canonical_path":164,"image":165,"width":43,"height":44,"image_alt":166,"published_at":167,"kind":47,"patterns":168,"component_categories":179,"app":181},"4e162323-5508-4cc7-8435-916516585cfe","Amie","Settings page where the user views a comprehensive list of global and todo-specific keyboard shortcuts for navigating the app.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e162323-5508-4cc7-8435-916516585cfe.png","Amie from Amie","2026-05-18T09:02:08.000Z",[169,171],{"id":12,"label":13,"slug":50,"rank":51,"group":170},{"id":53,"label":54,"slug":55},{"id":172,"label":173,"slug":174,"rank":60,"group":175},102,"Settings","settings",{"id":176,"label":177,"slug":178},10,"Settings & Admin","settings-and-admin",[180],{"id":92,"title":93,"slug":94},{"slug":182,"title":162,"logo":183,"baseline":184,"categories":185},"amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[186,190,193,197],{"id":187,"title":188,"slug":189},101,"Calendar","calendar",{"id":126,"title":191,"slug":192},"Task Management","task-management",{"id":194,"title":195,"slug":196},30,"Productivity","productivity",{"id":102,"title":103,"slug":104},{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":204,"height":205,"image_alt":206,"published_at":207,"kind":47,"patterns":208,"component_categories":213,"app":216},"130c3f7c-52c4-4b86-93d0-e18dd8af1300","(10) Hi, This is Nicelydone - Sent","Settings modal where the user configures custom left-to-right and right-to-left swipe actions for their inbox.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F130c3f7c-52c4-4b86-93d0-e18dd8af1300.png",2880,1670,"(10) Hi, This is Nicelydone - Sent from Missive","2026-04-20T14:33:36.000Z",[209,211],{"id":172,"label":173,"slug":174,"rank":51,"group":210},{"id":176,"label":177,"slug":178},{"id":12,"label":13,"slug":50,"rank":60,"group":212},{"id":53,"label":54,"slug":55},[214,215],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[222,223],{"id":157,"title":158,"slug":159},{"id":224,"title":225,"slug":226},92,"Email","email",{"uuid":228,"title":229,"description":230,"canonical_path":231,"image":232,"width":43,"height":233,"image_alt":234,"published_at":235,"kind":47,"patterns":236,"component_categories":241,"app":250},"6dd513fb-08d2-4946-9069-3b774e7ccc95","Mocha","Settings page with a keyboard shortcuts reference dialog listing app panel toggles and the global help shortcut.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6dd513fb-08d2-4946-9069-3b774e7ccc95.png",1776,"Mocha from Mocha","2026-04-14T11:44:01.000Z",[237,239],{"id":172,"label":173,"slug":174,"rank":51,"group":238},{"id":176,"label":177,"slug":178},{"id":12,"label":13,"slug":50,"rank":60,"group":240},{"id":53,"label":54,"slug":55},[242,246,247,248,249],{"id":243,"title":244,"slug":245},260,"Badge","badge",{"id":139,"title":140,"slug":141},{"id":76,"title":77,"slug":78},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":251,"title":229,"logo":252,"baseline":253,"categories":254},"mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[255,256,257],{"id":109,"title":110,"slug":111},{"id":102,"title":103,"slug":104},{"id":113,"title":114,"slug":115},{"uuid":259,"title":260,"description":261,"canonical_path":262,"image":263,"width":43,"height":233,"image_alt":264,"published_at":265,"kind":47,"patterns":266,"component_categories":284,"app":287},"8e8cc434-849f-4417-b214-f3c4088505db","Nicelydone › Active issues","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.","\u002Fexamples\u002Fapps\u002Flinear\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e8cc434-849f-4417-b214-f3c4088505db.png","Nicelydone › Active issues from Linear","2026-04-06T18:33:08.000Z",[267,275,282],{"id":268,"label":269,"slug":270,"rank":51,"group":271},115,"Empty State","empty-state",{"id":272,"label":273,"slug":274},12,"States & Feedback","states-and-feedback",{"id":276,"label":277,"slug":278,"rank":60,"group":279},85,"Tasks","tasks",{"id":153,"label":280,"slug":281},"Pages & Content","pages-and-content",{"id":12,"label":13,"slug":50,"rank":69,"group":283},{"id":53,"label":54,"slug":55},[285,286],{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":288,"title":289,"logo":290,"baseline":291,"categories":292},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[293,294,295,296],{"id":126,"title":191,"slug":192},{"id":194,"title":195,"slug":196},{"id":157,"title":158,"slug":159},{"id":297,"title":298,"slug":299},86,"Product management","product-management",{"uuid":301,"title":302,"description":303,"canonical_path":304,"image":305,"width":43,"height":233,"image_alt":306,"published_at":307,"kind":47,"patterns":308,"component_categories":311,"app":313},"772a1043-1c18-4006-bdd7-43845911558f","Chatwoot","Settings page where a modal displays a comprehensive list of available keyboard shortcuts for navigating and operating the application.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F772a1043-1c18-4006-bdd7-43845911558f.png","Chatwoot from Chatwoot","2026-04-06T18:15:20.000Z",[309],{"id":12,"label":13,"slug":50,"rank":51,"group":310},{"id":53,"label":54,"slug":55},[312],{"id":88,"title":89,"slug":90},{"slug":314,"title":302,"logo":315,"baseline":316,"categories":317},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[318,322,326],{"id":319,"title":320,"slug":321},22,"Knowledge Management","knowledge-management",{"id":323,"title":324,"slug":325},45,"Open Source","open-source",{"id":327,"title":328,"slug":329},47,"Customer Service","customer-service",{"uuid":331,"title":332,"description":333,"canonical_path":334,"image":335,"width":43,"height":336,"image_alt":337,"published_at":338,"kind":47,"patterns":339,"component_categories":344,"app":346},"b05be0dd-5b9c-4824-8e3d-eaef32cc8c8c","Ona","Modal overlay displaying a categorized list of keyboard shortcuts for general actions, navigation, and AI conversations.","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb05be0dd-5b9c-4824-8e3d-eaef32cc8c8c.png",1780,"Ona from Ona","2026-01-26T11:04:38.000Z",[340,342],{"id":131,"label":132,"slug":133,"rank":51,"group":341},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":60,"group":343},{"id":53,"label":54,"slug":55},[345],{"id":88,"title":89,"slug":90},{"slug":347,"title":332,"logo":348,"baseline":349,"categories":350},"ona","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","The AI software engineer you can rely on",[351,355],{"id":352,"title":353,"slug":354},48,"Developer Tools","developer-tools",{"id":102,"title":103,"slug":104},{"uuid":357,"title":358,"description":359,"canonical_path":360,"image":361,"width":43,"height":336,"image_alt":362,"published_at":363,"kind":47,"patterns":364,"component_categories":369,"app":378},"29b13ee4-754d-4c78-b1ab-16b358ad776a","Fabric | Keyboard shortcuts","Settings page where the user views global keyboard shortcuts and can download the desktop app to customize them.","\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29b13ee4-754d-4c78-b1ab-16b358ad776a.png","Fabric | Keyboard shortcuts from Fabric","2026-01-19T13:07:00.000Z",[365,367],{"id":172,"label":173,"slug":174,"rank":51,"group":366},{"id":176,"label":177,"slug":178},{"id":12,"label":13,"slug":50,"rank":60,"group":368},{"id":53,"label":54,"slug":55},[370,374,375,376,377],{"id":371,"title":372,"slug":373},177,"Breadcrumb","breadcrumb",{"id":243,"title":244,"slug":245},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":379,"title":380,"logo":381,"baseline":382,"categories":383},"fabric","Fabric","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","Your second brain. Remember everything",[384,385,386,390],{"id":319,"title":320,"slug":321},{"id":194,"title":195,"slug":196},{"id":387,"title":388,"slug":389},71,"File sharing","file-sharing",{"id":102,"title":103,"slug":104},{"uuid":392,"title":393,"description":394,"canonical_path":395,"image":396,"width":43,"height":336,"image_alt":397,"published_at":398,"kind":47,"patterns":399,"component_categories":416,"app":418},"ca15ccf1-44bb-42c5-8b6b-f154bcce2927","New Workbook | Gumloop","Workflow editor where the user configures a node-based automation pipeline and adjusts canvas preferences like edge type and snapping behavior.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca15ccf1-44bb-42c5-8b6b-f154bcce2927.png","New Workbook | Gumloop from Gumloop","2025-12-15T13:33:51.000Z",[400,407,412,414],{"id":401,"label":402,"slug":403,"rank":51,"group":404},11,"Edit","edit",{"id":69,"label":405,"slug":406},"Actions","actions",{"id":408,"label":409,"slug":410,"rank":60,"group":411},27,"AI Assistant","ai-assistant",{"id":62,"label":63,"slug":64},{"id":57,"label":58,"slug":59,"rank":69,"group":413},{"id":62,"label":63,"slug":64},{"id":12,"label":13,"slug":50,"rank":62,"group":415},{"id":53,"label":54,"slug":55},[417],{"id":92,"title":93,"slug":94},{"slug":419,"title":420,"logo":421,"baseline":422,"categories":423},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[424,425,426,427],{"id":194,"title":195,"slug":196},{"id":102,"title":103,"slug":104},{"id":113,"title":114,"slug":115},{"id":428,"title":429,"slug":430},105,"Workflow Automation","workflow-automation",{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":43,"height":336,"image_alt":437,"published_at":438,"kind":47,"patterns":439,"component_categories":455,"app":458},"13f922f7-7b0c-445b-9930-ea7ef361304c","Typeform - Create","Design editor preview mode showing a single long-text survey question with a floating device-preview toolbar and keyboard shortcut hints.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13f922f7-7b0c-445b-9930-ea7ef361304c.png","Typeform - Create from Typeform","2025-12-08T14:20:46.000Z",[440,445,453],{"id":441,"label":442,"slug":443,"rank":51,"group":444},42,"Form","form",{"id":71,"label":72,"slug":73},{"id":446,"label":447,"slug":448,"rank":60,"group":449},58,"Media Editor","media-editor",{"id":450,"label":451,"slug":452},5,"Media & Tools","media-and-tools",{"id":12,"label":13,"slug":50,"rank":69,"group":454},{"id":53,"label":54,"slug":55},[456,457],{"id":80,"title":81,"slug":82},{"id":92,"title":93,"slug":94},{"slug":459,"title":460,"logo":461,"baseline":462,"categories":463},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[464,468,472,473],{"id":465,"title":466,"slug":467},69,"Surveys","surveys",{"id":469,"title":470,"slug":471},25,"Marketing","marketing",{"id":113,"title":114,"slug":115},{"id":474,"title":475,"slug":476},104,"User Research","user-research",{"uuid":478,"title":479,"description":480,"canonical_path":481,"image":482,"width":43,"height":483,"image_alt":484,"published_at":485,"kind":47,"patterns":486,"component_categories":503,"app":516},"d033bd7c-5ca9-4d4c-8c6e-4206276d415d","Untitled study | Optimal Workshop","Study setup page where the user builds and edits the hierarchical tree structure for an information architecture test.","\u002Fexamples\u002Fapps\u002Foptimal\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd033bd7c-5ca9-4d4c-8c6e-4206276d415d.png",2112,"Untitled study | Optimal Workshop from Optimal","2025-11-10T14:33:52.000Z",[487,489,493,495],{"id":401,"label":402,"slug":403,"rank":51,"group":488},{"id":69,"label":405,"slug":406},{"id":327,"label":490,"slug":491,"rank":60,"group":492},"Table","table",{"id":71,"label":72,"slug":73},{"id":12,"label":13,"slug":50,"rank":69,"group":494},{"id":53,"label":54,"slug":55},{"id":496,"label":497,"slug":498,"rank":62,"group":499},126,"Bulk Actions","bulk-actions",{"id":500,"label":501,"slug":502},13,"Workflow & Automation","workflow-and-automation",[504,508,512,513,514,515],{"id":505,"title":506,"slug":507},227,"Stepper","stepper",{"id":509,"title":510,"slug":511},168,"Accordion","accordion",{"id":139,"title":140,"slug":141},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":517,"title":518,"logo":519,"baseline":520,"categories":521},"optimal","Optimal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2c9101f5-68a3-436e-aa6b-75f25822a183.png","UX Research & Design Testing Platform",[522,523],{"id":153,"title":154,"slug":155},{"id":474,"title":475,"slug":476},[],[526,528,530,532,534,536,538,540,542,544,546,548,550,553,556,559,562,565,568,571,574,577,580,583],{"label":173,"to":527,"count":71},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":58,"to":529,"count":69},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":132,"to":531,"count":69},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":402,"to":533,"count":69},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":409,"to":535,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":127,"to":537,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":497,"to":539,"count":60},"\u002Fexamples\u002Fscreens\u002Fbulk-actions",{"label":67,"to":541,"count":60},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":269,"to":543,"count":60},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":442,"to":545,"count":60},"\u002Fexamples\u002Fscreens\u002Fform",{"label":447,"to":547,"count":60},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":490,"to":549,"count":60},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":551,"to":552},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":554,"to":555},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":557,"to":558},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":560,"to":561},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":563,"to":564},"Mocha design examples","\u002Fexamples\u002Fapps\u002Fmocha",{"label":566,"to":567},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":569,"to":570},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":572,"to":573},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":575,"to":576},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":578,"to":579},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":581,"to":582},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":584,"to":585},"Optimal design examples","\u002Fexamples\u002Fapps\u002Foptimal",{"published_at":587,"updated_at":588},"2025-11-09T19:30:17.000Z","2026-09-26T20:10:01.094Z"]