[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fknock\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":300,"links":301,"dates":362},"\u002Fexamples\u002Fapps\u002Fknock\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Knock product screens examples - Nicelydone","Browse Knock screen design examples. Preview the interface screenshots and explore related UI patterns. Notifications infrastructure for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8034fe47-09e5-467a-82d8-9cab8f099f75.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},"Knock design examples","\u002Fexamples\u002Fapps\u002Fknock",{"label":23,"to":4},"Knock 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},"Knock","knock","Notifications infrastructure for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fknock-b9085719.png","https:\u002F\u002Fknock.app","knocklabs",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},42,"Messaging","messaging",[49,78,98,115,130,150,167,193,209,221,247,261],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"8034fe47-09e5-467a-82d8-9cab8f099f75","Log in | Knock","Sign-in screen where the user authenticates with their work email or a Google account.",3024,1738,"Log in | Knock from Knock","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":93,"app":96},"236d0599-2dd7-452b-9557-cdafa5cf8f04","Sign-in screen where the user is prompted to correct an invalid work email address, with an alternative option to authenticate via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F236d0599-2dd7-452b-9557-cdafa5cf8f04.png",[83,85],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},{"id":86,"label":87,"slug":88,"rank":64,"group":89},116,"Error","error",{"id":90,"label":91,"slug":92},12,"States & Feedback","states-and-feedback",[94,95],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":51,"description":100,"canonical_path":4,"image":101,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":102,"component_categories":110,"app":113},"e8bdbf09-9843-4e85-a429-588ab3b2fc06","Sign-in screen where the user is authenticating with an email address, currently showing a loading state on the primary button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8bdbf09-9843-4e85-a429-588ab3b2fc06.png",[103,105],{"id":59,"label":60,"slug":61,"rank":62,"group":104},{"id":64,"label":65,"slug":66},{"id":106,"label":107,"slug":108,"rank":64,"group":109},120,"Loading","loading",{"id":90,"label":91,"slug":92},[111,112],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":51,"description":117,"canonical_path":4,"image":118,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":119,"component_categories":125,"app":128},"6debbb8f-ea8d-409e-bfe8-2c1bd8ecd4e7","Verification screen where the user is instructed to check their email for a magic login link that expires in 5 minutes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6debbb8f-ea8d-409e-bfe8-2c1bd8ecd4e7.png",[120],{"id":121,"label":122,"slug":123,"rank":62,"group":124},6,"Verification","verification",{"id":64,"label":65,"slug":66},[126,127],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":51,"description":132,"canonical_path":4,"image":133,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":134,"component_categories":145,"app":148},"ac079358-a12c-47ea-9ca6-baff6570ac02","Authentication screen confirming a login link has been sent to the user's email, with options to resend the link or return to the login page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac079358-a12c-47ea-9ca6-baff6570ac02.png",[135,140],{"id":136,"label":137,"slug":138,"rank":62,"group":139},2,"Forgot Password","forgot-password",{"id":64,"label":65,"slug":66},{"id":141,"label":142,"slug":143,"rank":64,"group":144},114,"Confirmation","confirmation",{"id":90,"label":91,"slug":92},[146,147],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":53,"height":54,"image_alt":155,"kind":56,"patterns":156,"component_categories":162,"app":165},"6705c5ca-f5d0-4e57-8da0-096191ca9adf","Sign up | Knock","Signup page where the user creates an account via work email or Google SSO alongside a developer-focused value proposition and social proof.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6705c5ca-f5d0-4e57-8da0-096191ca9adf.png","Sign up | Knock from Knock",[157],{"id":158,"label":159,"slug":160,"rank":62,"group":161},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},[163,164],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":53,"height":54,"image_alt":172,"kind":56,"patterns":173,"component_categories":188,"app":191},"b6747586-2eaa-42f1-90d3-9915b22dab5a","Your profile | Knock","Onboarding step where the user enters their name to set up their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6747586-2eaa-42f1-90d3-9915b22dab5a.png","Your profile | Knock from Knock",[174,178,186],{"id":64,"label":175,"slug":176,"rank":62,"group":177},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":179,"label":180,"slug":181,"rank":64,"group":182},3,"Profile","profile",{"id":183,"label":184,"slug":185},11,"Social & Collaboration","social-and-collaboration",{"id":158,"label":159,"slug":160,"rank":136,"group":187},{"id":64,"label":65,"slug":66},[189,190],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":4,"image":197,"width":53,"height":54,"image_alt":198,"kind":56,"patterns":199,"component_categories":204,"app":207},"927bd098-4801-44c8-aba3-ff034d573f18","Create account | Knock","Create page where the user names a new account and sets its custom URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F927bd098-4801-44c8-aba3-ff034d573f18.png","Create account | Knock from Knock",[200,202],{"id":64,"label":175,"slug":176,"rank":62,"group":201},{"id":64,"label":65,"slug":66},{"id":158,"label":159,"slug":160,"rank":64,"group":203},{"id":64,"label":65,"slug":66},[205,206],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":195,"description":211,"canonical_path":4,"image":212,"width":53,"height":54,"image_alt":198,"kind":56,"patterns":213,"component_categories":216,"app":219},"6b8faff3-a8ca-4f1b-8a11-7ec923b0211e","Onboarding step where a logged-in user names their new account and sets a custom URL slug.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b8faff3-a8ca-4f1b-8a11-7ec923b0211e.png",[214],{"id":64,"label":175,"slug":176,"rank":62,"group":215},{"id":64,"label":65,"slug":66},[217,218],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":4,"image":225,"width":53,"height":54,"image_alt":226,"kind":56,"patterns":227,"component_categories":238,"app":245},"c215dac4-79be-4165-98e6-93f013a4f57d","Stay updated | Knock","Onboarding step where the user can opt into the newsletter, join the Slack community, and follow the company on Twitter before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc215dac4-79be-4165-98e6-93f013a4f57d.png","Stay updated | Knock from Knock",[228,230],{"id":64,"label":175,"slug":176,"rank":62,"group":229},{"id":64,"label":65,"slug":66},{"id":231,"label":232,"slug":233,"rank":64,"group":234},77,"Welcome","welcome",{"id":235,"label":236,"slug":237},7,"Onboarding & Education","onboarding-and-education",[239,243,244],{"id":240,"title":241,"slug":242},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":223,"description":249,"canonical_path":4,"image":250,"width":53,"height":54,"image_alt":226,"kind":56,"patterns":251,"component_categories":256,"app":259},"4b322536-e19d-44eb-b00e-93553ac4a2c7","Onboarding step where the user is prompted to subscribe to the newsletter, join the Slack community, and follow the company on Twitter before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b322536-e19d-44eb-b00e-93553ac4a2c7.png",[252,254],{"id":64,"label":175,"slug":176,"rank":62,"group":253},{"id":64,"label":65,"slug":66},{"id":231,"label":232,"slug":233,"rank":64,"group":255},{"id":235,"label":236,"slug":237},[257,258],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":260},[],{"uuid":262,"title":263,"description":264,"canonical_path":4,"image":265,"width":53,"height":54,"image_alt":266,"kind":56,"patterns":267,"component_categories":283,"app":298},"6b63595a-2051-4417-9ea3-8c2ea96bf2f2","Get started | Knock","Onboarding screen where the user follows a step-by-step checklist to configure their workspace, starting with creating their first channel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b63595a-2051-4417-9ea3-8c2ea96bf2f2.png","Get started | Knock from Knock",[268,273,278],{"id":269,"label":270,"slug":271,"rank":62,"group":272},74,"Onboarding Checklist","onboarding-checklist",{"id":235,"label":236,"slug":237},{"id":274,"label":275,"slug":276,"rank":64,"group":277},75,"Setup Wizard","setup-wizard",{"id":235,"label":236,"slug":237},{"id":279,"label":280,"slug":281,"rank":136,"group":282},72,"Getting Started","getting-started",{"id":235,"label":236,"slug":237},[284,288,292,296,297],{"id":285,"title":286,"slug":287},227,"Stepper","stepper",{"id":289,"title":290,"slug":291},260,"Badge","badge",{"id":293,"title":294,"slug":295},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":299},[],[],[302,304,306,308,310,312,314,316,318,320,322,324,326,329,332,335,338,341,344,346,350,354,358],{"label":175,"to":303},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":60,"to":305},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":159,"to":307},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":232,"to":309},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":142,"to":311},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":87,"to":313},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":137,"to":315},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":280,"to":317},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":107,"to":319},"\u002Fexamples\u002Fscreens\u002Floading",{"label":270,"to":321},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":180,"to":323},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":275,"to":325},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":327,"to":328},"Knock marketing pages","\u002Fexamples\u002Fapps\u002Fknock\u002Fmarketing",{"label":330,"to":331},"Knock user flows","\u002Fexamples\u002Fapps\u002Fknock\u002Fflows",{"label":333,"to":334},"Knock UI components","\u002Fexamples\u002Fapps\u002Fknock\u002Fcomponents",{"label":336,"to":337},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":339,"to":340},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":342,"to":343},"Messaging app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmessaging",{"label":345,"to":18},"All SaaS app examples",{"label":347,"to":348,"description":349},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":351,"to":352,"description":353},"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":355,"to":356,"description":357},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":359,"to":360,"description":361},"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":363,"updated_at":364},"2023-02-26T23:54:38.000Z","2026-09-13T13:02:39.000Z"]