[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fknock\u002Fmarketing":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":267,"links":268,"dates":313},"\u002Fexamples\u002Fapps\u002Fknock\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Knock marketing pages examples - Nicelydone","Explore Knock website design examples. Preview marketing pages and browse related SaaS page designs. Notifications infrastructure for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0de30f8-8f91-4ea4-8a2d-8b5c5219b3df.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 marketing pages 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,90,106,117,132,160,179,195,211,226,238,254],{"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":88},"a0de30f8-8f91-4ea4-8a2d-8b5c5219b3df","Knock | Notifications infrastructure for developers","Landing page for a developer-focused notification infrastructure product featuring code snippets, UI mockups, feature grids, and customer testimonials.",3024,20720,"Knock | Notifications infrastructure for developers from Knock","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},136,"Landing Page","landing-page",0,{"id":64,"label":65,"slug":66},15,"Marketing Page Types","marketing-page-types",[68,72,76,80,84],{"id":69,"title":70,"slug":71},232,"Testimonial","testimonial",{"id":73,"title":74,"slug":75},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},202,"Footer","footer",{"id":81,"title":82,"slug":83},258,"Header","header",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":95,"component_categories":98,"app":104},"b9de2a0c-69d0-4758-9057-d9c09ce660e1","Landing page where the user views the main value proposition and explores a feature-rich dropdown menu under the Product navigation item.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9de2a0c-69d0-4758-9057-d9c09ce660e1.png",1738,[96],{"id":59,"label":60,"slug":61,"rank":62,"group":97},{"id":64,"label":65,"slug":66},[99,103],{"id":100,"title":101,"slug":102},277,"Button group","button-group",{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":51,"description":108,"canonical_path":4,"image":109,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":110,"component_categories":113,"app":115},"edabf54e-a889-4850-a3bd-8048e0a42327","Landing page where the user is introduced to a notification infrastructure product with options to get started or view developer documentation via an open dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedabf54e-a889-4850-a3bd-8048e0a42327.png",[111],{"id":59,"label":60,"slug":61,"rank":62,"group":112},{"id":64,"label":65,"slug":66},[114],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":51,"description":119,"canonical_path":4,"image":120,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":121,"component_categories":127,"app":130},"12947036-4bbe-4931-a737-7b0c9873247e","Marketing demo section featuring a large embedded video player showcasing the product's workflow builder interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12947036-4bbe-4931-a737-7b0c9873247e.png",[122],{"id":123,"label":124,"slug":125,"rank":62,"group":126},177,"Developer Portal","developer-portal",{"id":64,"label":65,"slug":66},[128,129],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":53,"height":137,"image_alt":138,"kind":56,"patterns":139,"component_categories":145,"app":158},"d9a4acb2-c908-4a53-a89f-2f39657d3f1f","Recipes | Knock","Use case gallery where the user browses common notification templates like magic links, welcome notifications, and referrals, filterable by category.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9a4acb2-c908-4a53-a89f-2f39657d3f1f.png",6434,"Recipes | Knock from Knock",[140],{"id":141,"label":142,"slug":143,"rank":62,"group":144},139,"Use Case Page","use-case-page",{"id":64,"label":65,"slug":66},[146,150,151,155,156,157],{"id":147,"title":148,"slug":149},174,"Card","card",{"id":73,"title":74,"slug":75},{"id":152,"title":153,"slug":154},260,"Badge","badge",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":53,"height":165,"image_alt":166,"kind":56,"patterns":167,"component_categories":170,"app":177},"c51c8d43-03ac-4ad6-a398-25ee977015d8","Authentication | Notification recipes  Knock","Marketing page showcasing common notification use cases like magic links and password resets, categorized by type, with a prominent call to action to start building.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc51c8d43-03ac-4ad6-a398-25ee977015d8.png",4772,"Authentication | Notification recipes  Knock from Knock",[168],{"id":141,"label":142,"slug":143,"rank":62,"group":169},{"id":64,"label":65,"slug":66},[171,172,173,174,175,176],{"id":147,"title":148,"slug":149},{"id":73,"title":74,"slug":75},{"id":152,"title":153,"slug":154},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":53,"height":184,"image_alt":185,"kind":56,"patterns":186,"component_categories":189,"app":193},"90c850bb-4347-4eee-8d92-437be46e993c","Magic links | Notification recipes  Knock","Use case page where developers learn how to send branded magic link emails to authenticate users, featuring a workflow screenshot and a recipe template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90c850bb-4347-4eee-8d92-437be46e993c.png",6544,"Magic links | Notification recipes  Knock from Knock",[187],{"id":141,"label":142,"slug":143,"rank":62,"group":188},{"id":64,"label":65,"slug":66},[190,191,192],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":53,"height":94,"image_alt":200,"kind":56,"patterns":201,"component_categories":207,"app":209},"226b0c12-164d-4976-b41a-dd3ef16a9c63","React in-app notifications example | Powered by Knock","Interactive demo page where the user can compose and send a test in-app notification or toast message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F226b0c12-164d-4976-b41a-dd3ef16a9c63.png","React in-app notifications example | Powered by Knock from Knock",[202],{"id":203,"label":204,"slug":205,"rank":62,"group":206},145,"Demo Page","demo-page",{"id":64,"label":65,"slug":66},[208],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":197,"description":213,"canonical_path":4,"image":214,"width":53,"height":94,"image_alt":200,"kind":56,"patterns":215,"component_categories":218,"app":224},"7e2a01ed-70bd-4300-bf5e-60766d8dafce","Demo application page where the user views an empty in-app notification popover over a message creation form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e2a01ed-70bd-4300-bf5e-60766d8dafce.png",[216],{"id":203,"label":204,"slug":205,"rank":62,"group":217},{"id":64,"label":65,"slug":66},[219,223],{"id":220,"title":221,"slug":222},214,"Popover","popover",{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":225},[],{"uuid":227,"title":197,"description":228,"canonical_path":4,"image":229,"width":53,"height":94,"image_alt":200,"kind":56,"patterns":230,"component_categories":233,"app":236},"6dc79945-c7e8-4a4f-968c-127ac50cb9f5","Demo application where the user configures and sends a test in-app notification, triggering a visible toast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6dc79945-c7e8-4a4f-968c-127ac50cb9f5.png",[231],{"id":203,"label":204,"slug":205,"rank":62,"group":232},{"id":64,"label":65,"slug":66},[234,235],{"id":152,"title":153,"slug":154},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":197,"description":240,"canonical_path":4,"image":241,"width":53,"height":94,"image_alt":200,"kind":56,"patterns":242,"component_categories":245,"app":252},"e342ec75-215d-44f4-9451-e47cc4e66595","Demo application page where the user can send a test notification and view it in an open notification feed popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe342ec75-215d-44f4-9451-e47cc4e66595.png",[243],{"id":203,"label":204,"slug":205,"rank":62,"group":244},{"id":64,"label":65,"slug":66},[246,250,251],{"id":247,"title":248,"slug":249},169,"Avatar","avatar",{"id":220,"title":221,"slug":222},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":253},[],{"uuid":255,"title":197,"description":256,"canonical_path":4,"image":257,"width":53,"height":94,"image_alt":200,"kind":56,"patterns":258,"component_categories":261,"app":265},"6325b50f-1f9f-41a9-b0dd-f5a368efd4f6","Demo application where the user can draft a message and view the resulting alert in an open notification popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6325b50f-1f9f-41a9-b0dd-f5a368efd4f6.png",[259],{"id":203,"label":204,"slug":205,"rank":62,"group":260},{"id":64,"label":65,"slug":66},[262,263,264],{"id":247,"title":248,"slug":249},{"id":220,"title":221,"slug":222},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":266},[],[],[269,271,273,275,277,280,283,286,289,292,295,297,301,305,309],{"label":204,"to":270},"\u002Fexamples\u002Fpages\u002Fdemo-page",{"label":60,"to":272},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":142,"to":274},"\u002Fexamples\u002Fpages\u002Fuse-case-page",{"label":124,"to":276},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":278,"to":279},"Knock product screens","\u002Fexamples\u002Fapps\u002Fknock\u002Fscreens",{"label":281,"to":282},"Knock user flows","\u002Fexamples\u002Fapps\u002Fknock\u002Fflows",{"label":284,"to":285},"Knock UI components","\u002Fexamples\u002Fapps\u002Fknock\u002Fcomponents",{"label":287,"to":288},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":290,"to":291},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":293,"to":294},"Messaging app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmessaging",{"label":296,"to":18},"All SaaS app examples",{"label":298,"to":299,"description":300},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":302,"to":303,"description":304},"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":306,"to":307,"description":308},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":310,"to":311,"description":312},"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":314,"updated_at":315},"2023-02-26T23:54:37.000Z","2026-09-13T13:02:39.000Z"]