[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fqatalog\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":268,"links":269,"dates":326},"\u002Fexamples\u002Fapps\u002Fqatalog\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Qatalog product screens examples - Nicelydone","Browse Qatalog screen design examples. Preview the interface screenshots and explore related UI patterns. AI that works with your data","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe76e4d16-5e72-4006-a496-1734158a5055.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},"Qatalog design examples","\u002Fexamples\u002Fapps\u002Fqatalog",{"label":23,"to":4},"Qatalog 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":30,"categories":34},"Qatalog","qatalog","AI that works with your data","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fqatalog-8b19d9e2.png","https:\u002F\u002Fqatalog.com",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},22,"Knowledge Management","knowledge-management",{"id":44,"title":45,"slug":46},55,"Search engine","search-engine",[48,77,91,102,117,134,157,177,191,205,222,234],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":70,"app":75},"e76e4d16-5e72-4006-a496-1734158a5055","Qatalog Your work hub","Signup screen where the user can authenticate using Google, Microsoft, or email, with an option to remember the session.",3024,1778,"Qatalog Your work hub from Qatalog","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",{"id":63,"label":67,"slug":68,"rank":63,"group":69},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":50,"description":79,"canonical_path":4,"image":80,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":81,"component_categories":87,"app":89},"976d1728-120f-4c8b-9037-6a4e680a742e","Sign-in screen where the user enters their work email to receive a magic link for authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F976d1728-120f-4c8b-9037-6a4e680a742e.png",[82],{"id":83,"label":84,"slug":85,"rank":61,"group":86},4,"Sign In","sign-in",{"id":63,"label":64,"slug":65},[88],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":50,"description":93,"canonical_path":4,"image":94,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":95,"component_categories":98,"app":100},"feb060e1-868d-484a-9baf-902fde1cd6d5","Sign-in screen where the user enters their work email to receive a magic link authentication email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffeb060e1-868d-484a-9baf-902fde1cd6d5.png",[96],{"id":83,"label":84,"slug":85,"rank":61,"group":97},{"id":63,"label":64,"slug":65},[99],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":29,"description":104,"canonical_path":4,"image":105,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":107,"component_categories":113,"app":115},"0fe27655-d0a1-4a99-a2da-37b7eee9db78","Verification screen where the user is instructed to check their inbox for a magic link to continue signing up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0fe27655-d0a1-4a99-a2da-37b7eee9db78.png","Qatalog from Qatalog",[108],{"id":109,"label":110,"slug":111,"rank":61,"group":112},6,"Verification","verification",{"id":63,"label":64,"slug":65},[114],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":52,"height":53,"image_alt":122,"kind":55,"patterns":123,"component_categories":126,"app":132},"0617b734-0c8a-4682-848b-a2a27c88ab50","Login to Qatalog","Verification screen where the user clicks a magic link button to sign in or copies a fallback URL for another device.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0617b734-0c8a-4682-848b-a2a27c88ab50.png","Login to Qatalog from Qatalog",[124],{"id":109,"label":110,"slug":111,"rank":61,"group":125},{"id":63,"label":64,"slug":65},[127,131],{"id":128,"title":129,"slug":130},167,"Alert","alert",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":29,"description":136,"canonical_path":4,"image":137,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":138,"component_categories":149,"app":155},"0b161321-3b25-4072-ac46-d77f838030f1","Onboarding step where the user provides their organization name and department to tailor their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b161321-3b25-4072-ac46-d77f838030f1.png",[139,141],{"id":63,"label":67,"slug":68,"rank":61,"group":140},{"id":63,"label":64,"slug":65},{"id":142,"label":143,"slug":144,"rank":63,"group":145},77,"Welcome","welcome",{"id":146,"label":147,"slug":148},7,"Onboarding & Education","onboarding-and-education",[150,154],{"id":151,"title":152,"slug":153},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":29,"description":159,"canonical_path":4,"image":160,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":161,"component_categories":172,"app":175},"8734e598-1e11-44c9-b5a6-dff4175badcb","Onboarding step where the user provides their organization name and department to tailor the product experience before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8734e598-1e11-44c9-b5a6-dff4175badcb.png",[162,164,166],{"id":142,"label":143,"slug":144,"rank":61,"group":163},{"id":146,"label":147,"slug":148},{"id":63,"label":67,"slug":68,"rank":63,"group":165},{"id":63,"label":64,"slug":65},{"id":167,"label":168,"slug":169,"rank":170,"group":171},74,"Onboarding Checklist","onboarding-checklist",2,{"id":146,"label":147,"slug":148},[173,174],{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":29,"description":179,"canonical_path":4,"image":180,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":181,"component_categories":186,"app":189},"e26fd864-b802-4f26-930b-a1ebc23200bc","Onboarding step where the user selects their department from a dropdown menu and agrees to the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe26fd864-b802-4f26-930b-a1ebc23200bc.png",[182,184],{"id":63,"label":67,"slug":68,"rank":61,"group":183},{"id":63,"label":64,"slug":65},{"id":83,"label":84,"slug":85,"rank":63,"group":185},{"id":63,"label":64,"slug":65},[187,188],{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":29,"description":193,"canonical_path":4,"image":194,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":195,"component_categories":200,"app":203},"2e45eb75-7715-44e7-8012-cfbe363258ff","Onboarding step where the user selects their department from a dropdown menu and agrees to the terms of service before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e45eb75-7715-44e7-8012-cfbe363258ff.png",[196,198],{"id":63,"label":67,"slug":68,"rank":61,"group":197},{"id":63,"label":64,"slug":65},{"id":109,"label":110,"slug":111,"rank":63,"group":199},{"id":63,"label":64,"slug":65},[201,202],{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":204},[],{"uuid":206,"title":29,"description":207,"canonical_path":4,"image":208,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":209,"component_categories":217,"app":220},"bbb7fda2-a1a4-4bc0-8c46-007930798ff9","Onboarding step where the user enters their organization name and selects a department to tailor their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbbb7fda2-a1a4-4bc0-8c46-007930798ff9.png",[210,212],{"id":63,"label":67,"slug":68,"rank":61,"group":211},{"id":63,"label":64,"slug":65},{"id":213,"label":214,"slug":215,"rank":63,"group":216},75,"Setup Wizard","setup-wizard",{"id":146,"label":147,"slug":148},[218,219],{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":29,"description":224,"canonical_path":4,"image":225,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":226,"component_categories":229,"app":232},"32d4aaea-0623-4004-ab69-29e1e85d8183","Onboarding step where the user names their organization and selects their department to tailor the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32d4aaea-0623-4004-ab69-29e1e85d8183.png",[227],{"id":63,"label":67,"slug":68,"rank":61,"group":228},{"id":63,"label":64,"slug":65},[230,231],{"id":151,"title":152,"slug":153},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":29,"description":236,"canonical_path":4,"image":237,"width":52,"height":53,"image_alt":106,"kind":55,"patterns":238,"component_categories":260,"app":266},"27d5543b-3ceb-451d-a3a8-f008956771b4","Checkout page where the user enters their credit card details to start a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27d5543b-3ceb-451d-a3a8-f008956771b4.png",[239,247,252],{"id":240,"label":241,"slug":242,"rank":61,"group":243},130,"Checkout","checkout",{"id":244,"label":245,"slug":246},14,"Payments & Checkout","payments-and-checkout",{"id":248,"label":249,"slug":250,"rank":63,"group":251},131,"Payment Form","payment-form",{"id":244,"label":245,"slug":246},{"id":253,"label":254,"slug":255,"rank":170,"group":256},91,"Trial","trial",{"id":257,"label":258,"slug":259},9,"Plans & Limits","plans-and-limits",[261,265],{"id":262,"title":263,"slug":264},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":267},[],[],[270,272,274,276,278,280,282,284,286,288,290,293,296,299,302,305,308,310,314,318,322],{"label":67,"to":271},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":84,"to":273},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":110,"to":275},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":143,"to":277},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":241,"to":279},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":168,"to":281},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":249,"to":283},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":214,"to":285},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":59,"to":287},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":254,"to":289},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":291,"to":292},"Qatalog marketing pages","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fmarketing",{"label":294,"to":295},"Qatalog user flows","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fflows",{"label":297,"to":298},"Qatalog UI components","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fcomponents",{"label":300,"to":301},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":303,"to":304},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":306,"to":307},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"label":309,"to":18},"All SaaS app examples",{"label":311,"to":312,"description":313},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":315,"to":316,"description":317},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":319,"to":320,"description":321},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":323,"to":324,"description":325},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":327,"updated_at":328},"2024-11-06T15:09:44.000Z","2026-09-13T13:02:39.000Z"]