[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhypermode\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":292,"links":293,"dates":318},"\u002Fexamples\u002Fapps\u002Fhypermode\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hypermode product screens examples - Nicelydone","Browse Hypermode screen design examples. Preview the interface screenshots and explore related UI patterns. The platform for agentic flows","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72d58974-03ae-4176-99c4-67c0a2144df9.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Hypermode design examples","\u002Fexamples\u002Fapps\u002Fhypermode",{"label":23,"to":4},"Hypermode product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Hypermode","hypermode","The platform for agentic flows","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5aad555b-6b06-4919-947c-e79a9e24ebaf.png","https:\u002F\u002Fhypermode.com","hypermodeinc",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",[45,74,86,103,114,126,145,193,214,230,250,274],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":67,"app":72},"72d58974-03ae-4176-99c4-67c0a2144df9","Hypermode – The AI development platform","Sign-in screen where the user authenticates with GitHub or Google to access or create their account.",3024,1714,"Hypermode – The AI development platform from Hypermode","screen",[54,63],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",{"id":60,"label":64,"slug":65,"rank":60,"group":66},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":49,"height":50,"image_alt":79,"kind":52,"patterns":80,"component_categories":83,"app":84},"e8f0873c-6f99-4f8b-a2ed-a68843959b45","Sign in - Google Accounts","This screen is a modal dialog for the sign-in flow. It prompts the user to sign in to 'Hypermde' using their Google account. It displays the Google 'Sign in with Google' option, the Hypermode logo, a pre-selected Google email address (with a dropdown for other accounts), and important legal text regarding data sharing. The user can choose to 'Cancel' or 'Continue' with the sign-in process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8f0873c-6f99-4f8b-a2ed-a68843959b45.png","Sign in - Google Accounts from Hypermode",[81],{"id":55,"label":56,"slug":57,"rank":58,"group":82},{"id":60,"label":61,"slug":62},[],{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":90,"component_categories":99,"app":101},"fd6304c0-8d68-4dc7-9dd6-cd6d7703bc39","Onboarding step where the user names their first workspace to get started in Hypermode.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd6304c0-8d68-4dc7-9dd6-cd6d7703bc39.png",[91],{"id":92,"label":93,"slug":94,"rank":58,"group":95},75,"Setup Wizard","setup-wizard",{"id":96,"label":97,"slug":98},7,"Onboarding & Education","onboarding-and-education",[100],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":47,"description":105,"canonical_path":4,"image":106,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":107,"component_categories":110,"app":112},"e8daf599-e373-419e-b2eb-b84b774fcee9","Onboarding step where the user names their new workspace to get started in Hypermode.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8daf599-e373-419e-b2eb-b84b774fcee9.png",[108],{"id":60,"label":64,"slug":65,"rank":58,"group":109},{"id":60,"label":61,"slug":62},[111],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":47,"description":105,"canonical_path":4,"image":116,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":117,"component_categories":122,"app":124},"148788a9-72c8-4a8a-87e9-a96c9eabcf75","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F148788a9-72c8-4a8a-87e9-a96c9eabcf75.png",[118,120],{"id":60,"label":64,"slug":65,"rank":58,"group":119},{"id":60,"label":61,"slug":62},{"id":92,"label":93,"slug":94,"rank":60,"group":121},{"id":96,"label":97,"slug":98},[123],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":47,"description":128,"canonical_path":4,"image":129,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":130,"component_categories":141,"app":143},"6eb3e2a2-2804-436d-8f96-e4eea309b729","Onboarding step where the user names their new workspace while the form submits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6eb3e2a2-2804-436d-8f96-e4eea309b729.png",[131,133],{"id":60,"label":64,"slug":65,"rank":58,"group":132},{"id":60,"label":61,"slug":62},{"id":134,"label":135,"slug":136,"rank":60,"group":137},120,"Loading","loading",{"id":138,"label":139,"slug":140},12,"States & Feedback","states-and-feedback",[142],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":47,"description":147,"canonical_path":4,"image":148,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":149,"component_categories":177,"app":191},"7388773e-f976-47e4-ab95-74dba13629d6","AI chat interface where the user starts a new thread with a personal assistant agent, featuring prompt suggestions and an upgrade prompt in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7388773e-f976-47e4-ab95-74dba13629d6.png",[150,158,163,169],{"id":151,"label":152,"slug":153,"rank":58,"group":154},28,"AI Chat","ai-chat",{"id":155,"label":156,"slug":157},3,"AI","ai",{"id":159,"label":160,"slug":161,"rank":60,"group":162},27,"AI Assistant","ai-assistant",{"id":155,"label":156,"slug":157},{"id":164,"label":165,"slug":166,"rank":167,"group":168},115,"Empty State","empty-state",2,{"id":138,"label":139,"slug":140},{"id":170,"label":171,"slug":172,"rank":155,"group":173},92,"Upgrade Prompt","upgrade-prompt",{"id":174,"label":175,"slug":176},9,"Plans & Limits","plans-and-limits",[178,182,186,190],{"id":179,"title":180,"slug":181},240,"Horizontal navigation","horizontal-navigation",{"id":183,"title":184,"slug":185},169,"Avatar","avatar",{"id":187,"title":188,"slug":189},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":47,"description":195,"canonical_path":4,"image":196,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":197,"component_categories":207,"app":212},"d74941a8-d893-4be4-b387-4df637ee13d7","AI chat interface where the user is interacting with a personal assistant agent, currently waiting for a mid-stream response.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd74941a8-d893-4be4-b387-4df637ee13d7.png",[198,203,205],{"id":199,"label":200,"slug":201,"rank":58,"group":202},26,"AI Agent","ai-agent",{"id":155,"label":156,"slug":157},{"id":151,"label":152,"slug":153,"rank":60,"group":204},{"id":155,"label":156,"slug":157},{"id":159,"label":160,"slug":161,"rank":167,"group":206},{"id":155,"label":156,"slug":157},[208,209,210,211],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":47,"description":216,"canonical_path":4,"image":217,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":218,"component_categories":223,"app":228},"bd9db27f-3a62-41d0-a7db-157a8014ee48","AI chat interface where the user views a response from their personal assistant agent detailing its capabilities like deep-dive briefings and real-time extraction.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd9db27f-3a62-41d0-a7db-157a8014ee48.png",[219,221],{"id":151,"label":152,"slug":153,"rank":58,"group":220},{"id":155,"label":156,"slug":157},{"id":199,"label":200,"slug":201,"rank":60,"group":222},{"id":155,"label":156,"slug":157},[224,225,226,227],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":229},[],{"uuid":231,"title":47,"description":232,"canonical_path":4,"image":233,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":234,"component_categories":243,"app":248},"fa5ecd8d-3f72-4ede-b4a0-6510f05d136a","AI chat interface where the user views a detailed response from the Sidekick agent about ways to partner with it and can ask follow-up questions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa5ecd8d-3f72-4ede-b4a0-6510f05d136a.png",[235,237,239,241],{"id":151,"label":152,"slug":153,"rank":58,"group":236},{"id":155,"label":156,"slug":157},{"id":159,"label":160,"slug":161,"rank":60,"group":238},{"id":155,"label":156,"slug":157},{"id":199,"label":200,"slug":201,"rank":167,"group":240},{"id":155,"label":156,"slug":157},{"id":170,"label":171,"slug":172,"rank":155,"group":242},{"id":174,"label":175,"slug":176},[244,245,246,247],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":47,"description":252,"canonical_path":4,"image":253,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":254,"component_categories":263,"app":272},"2dacc252-011c-4147-b882-25483cbfed06","AI chat interface where the user interacts with a personal assistant agent named Sidekick, featuring a dark sidebar with a Pro upgrade prompt and a main conversation area showing a 'Thinking...' generation state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2dacc252-011c-4147-b882-25483cbfed06.png",[255,257,259,261],{"id":151,"label":152,"slug":153,"rank":58,"group":256},{"id":155,"label":156,"slug":157},{"id":159,"label":160,"slug":161,"rank":60,"group":258},{"id":155,"label":156,"slug":157},{"id":199,"label":200,"slug":201,"rank":167,"group":260},{"id":155,"label":156,"slug":157},{"id":170,"label":171,"slug":172,"rank":155,"group":262},{"id":174,"label":175,"slug":176},[264,268,269,270,271],{"id":265,"title":266,"slug":267},174,"Card","card",{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":47,"description":276,"canonical_path":4,"image":277,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":278,"component_categories":285,"app":290},"9146fd23-870a-4d55-8a8c-137013094a56","AI chat interface where the user converses with a personal assistant agent named Sidekick about its capabilities.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9146fd23-870a-4d55-8a8c-137013094a56.png",[279,281,283],{"id":151,"label":152,"slug":153,"rank":58,"group":280},{"id":155,"label":156,"slug":157},{"id":159,"label":160,"slug":161,"rank":60,"group":282},{"id":155,"label":156,"slug":157},{"id":199,"label":200,"slug":201,"rank":167,"group":284},{"id":155,"label":156,"slug":157},[286,287,288,289],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":291},[],[],[294,296,298,300,302,304,306,308,310,312,315],{"label":152,"to":295},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":200,"to":297},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":160,"to":299},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":64,"to":301},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":171,"to":303,"count":155},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":93,"to":305,"count":167},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":56,"to":307,"count":167},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":165,"to":309,"count":60},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":135,"to":311,"count":60},"\u002Fexamples\u002Fscreens\u002Floading",{"label":313,"to":314},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":316,"to":317},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":319,"updated_at":320},"2025-06-30T10:13:00.000Z","2026-09-13T13:02:39.000Z"]