[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fknock":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":325,"dates":343},"\u002Fexamples\u002Fapps\u002Fknock","detail","apps",true,{"title":9,"description":10,"og_image":11},"Knock design examples - Nicelydone","Explore Knock UI design examples. Notifications infrastructure for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8034fe47-09e5-467a-82d8-9cab8f099f75.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Knock design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Knock",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fknock\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fknock\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fknock\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fknock\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Knock","knock","Notifications infrastructure for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fknock-b9085719.png","https:\u002F\u002Fknock.app","knocklabs",[48,52,56],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",{"id":53,"title":54,"slug":55},37,"Developer APIs","developer-apis",{"id":57,"title":58,"slug":59},42,"Messaging","messaging",[],[62,316,319,322],{"family":63,"examples":64},"screens",[65,94,114,131,146,166,183,209,225,237,263,277],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":92},"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",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},4,"Sign In","sign-in",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84,88],{"id":85,"title":86,"slug":87},174,"Card","card",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":67,"description":96,"canonical_path":29,"image":97,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":98,"component_categories":109,"app":112},"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",[99,101],{"id":75,"label":76,"slug":77,"rank":78,"group":100},{"id":80,"label":81,"slug":82},{"id":102,"label":103,"slug":104,"rank":80,"group":105},116,"Error","error",{"id":106,"label":107,"slug":108},12,"States & Feedback","states-and-feedback",[110,111],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":113},[],{"uuid":115,"title":67,"description":116,"canonical_path":29,"image":117,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":118,"component_categories":126,"app":129},"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",[119,121],{"id":75,"label":76,"slug":77,"rank":78,"group":120},{"id":80,"label":81,"slug":82},{"id":122,"label":123,"slug":124,"rank":80,"group":125},120,"Loading","loading",{"id":106,"label":107,"slug":108},[127,128],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":130},[],{"uuid":132,"title":67,"description":133,"canonical_path":29,"image":134,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":135,"component_categories":141,"app":144},"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",[136],{"id":137,"label":138,"slug":139,"rank":78,"group":140},6,"Verification","verification",{"id":80,"label":81,"slug":82},[142,143],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":145},[],{"uuid":147,"title":67,"description":148,"canonical_path":29,"image":149,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":150,"component_categories":161,"app":164},"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",[151,156],{"id":152,"label":153,"slug":154,"rank":78,"group":155},2,"Forgot Password","forgot-password",{"id":80,"label":81,"slug":82},{"id":157,"label":158,"slug":159,"rank":80,"group":160},114,"Confirmation","confirmation",{"id":106,"label":107,"slug":108},[162,163],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":29,"image":170,"width":69,"height":70,"image_alt":171,"kind":72,"patterns":172,"component_categories":178,"app":181},"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",[173],{"id":174,"label":175,"slug":176,"rank":78,"group":177},5,"Sign Up","sign-up",{"id":80,"label":81,"slug":82},[179,180],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":29,"image":187,"width":69,"height":70,"image_alt":188,"kind":72,"patterns":189,"component_categories":204,"app":207},"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",[190,194,202],{"id":80,"label":191,"slug":192,"rank":78,"group":193},"Account Setup","account-setup",{"id":80,"label":81,"slug":82},{"id":195,"label":196,"slug":197,"rank":80,"group":198},3,"Profile","profile",{"id":199,"label":200,"slug":201},11,"Social & Collaboration","social-and-collaboration",{"id":174,"label":175,"slug":176,"rank":152,"group":203},{"id":80,"label":81,"slug":82},[205,206],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":29,"image":213,"width":69,"height":70,"image_alt":214,"kind":72,"patterns":215,"component_categories":220,"app":223},"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",[216,218],{"id":80,"label":191,"slug":192,"rank":78,"group":217},{"id":80,"label":81,"slug":82},{"id":174,"label":175,"slug":176,"rank":80,"group":219},{"id":80,"label":81,"slug":82},[221,222],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":224},[],{"uuid":226,"title":211,"description":227,"canonical_path":29,"image":228,"width":69,"height":70,"image_alt":214,"kind":72,"patterns":229,"component_categories":232,"app":235},"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",[230],{"id":80,"label":191,"slug":192,"rank":78,"group":231},{"id":80,"label":81,"slug":82},[233,234],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":236},[],{"uuid":238,"title":239,"description":240,"canonical_path":29,"image":241,"width":69,"height":70,"image_alt":242,"kind":72,"patterns":243,"component_categories":254,"app":261},"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",[244,246],{"id":80,"label":191,"slug":192,"rank":78,"group":245},{"id":80,"label":81,"slug":82},{"id":247,"label":248,"slug":249,"rank":80,"group":250},77,"Welcome","welcome",{"id":251,"label":252,"slug":253},7,"Onboarding & Education","onboarding-and-education",[255,259,260],{"id":256,"title":257,"slug":258},240,"Horizontal navigation","horizontal-navigation",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":262},[],{"uuid":264,"title":239,"description":265,"canonical_path":29,"image":266,"width":69,"height":70,"image_alt":242,"kind":72,"patterns":267,"component_categories":272,"app":275},"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",[268,270],{"id":80,"label":191,"slug":192,"rank":78,"group":269},{"id":80,"label":81,"slug":82},{"id":247,"label":248,"slug":249,"rank":80,"group":271},{"id":251,"label":252,"slug":253},[273,274],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":276},[],{"uuid":278,"title":279,"description":280,"canonical_path":29,"image":281,"width":69,"height":70,"image_alt":282,"kind":72,"patterns":283,"component_categories":299,"app":314},"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",[284,289,294],{"id":285,"label":286,"slug":287,"rank":78,"group":288},74,"Onboarding Checklist","onboarding-checklist",{"id":251,"label":252,"slug":253},{"id":290,"label":291,"slug":292,"rank":80,"group":293},75,"Setup Wizard","setup-wizard",{"id":251,"label":252,"slug":253},{"id":295,"label":296,"slug":297,"rank":152,"group":298},72,"Getting Started","getting-started",{"id":251,"label":252,"slug":253},[300,304,308,312,313],{"id":301,"title":302,"slug":303},227,"Stepper","stepper",{"id":305,"title":306,"slug":307},260,"Badge","badge",{"id":309,"title":310,"slug":311},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":315},[],{"family":317,"examples":318},"flows",[],{"family":320,"examples":321},"components",[],{"family":323,"examples":324},"pages",[],[326,328,330,332,334,337,340],{"label":327,"to":29},"Knock product screens",{"label":329,"to":38},"Knock marketing pages",{"label":331,"to":32},"Knock user flows",{"label":333,"to":35},"Knock UI components",{"label":335,"to":336},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":338,"to":339},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":341,"to":342},"Messaging app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmessaging",{"published_at":344,"updated_at":345},"2023-02-26T23:54:37.000Z","2026-09-13T13:02:39.000Z"]