[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhookdeck":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":345,"dates":363},"\u002Fexamples\u002Fapps\u002Fhookdeck","detail","apps",true,{"title":9,"description":10,"og_image":11},"Hookdeck design examples - Nicelydone","Explore Hookdeck UI design examples. A reliable event gateway for asynchronous applications","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39412edb-78c1-428d-9a6c-fc28ee2cabb4.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Hookdeck design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Hookdeck",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":41,"categories":46},"Hookdeck","hookdeck","A reliable event gateway for asynchronous applications","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhookdeck-314d3191.png","https:\u002F\u002Fhookdeck.com",[47,51,55],{"id":48,"title":49,"slug":50},37,"Developer APIs","developer-apis",{"id":52,"title":53,"slug":54},16,"Monitoring","monitoring",{"id":56,"title":57,"slug":58},48,"Developer Tools","developer-tools",[],[61,336,339,342],{"family":62,"examples":63},"screens",[64,101,128,145,169,186,198,223,240,263,278,294],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":99},"39412edb-78c1-428d-9a6c-fc28ee2cabb4","Pricing - Hookdeck","Pricing page where the user compares Developer, Team, Growth, and Enterprise plans with a detailed feature matrix and FAQ.",3024,9852,"Pricing - Hookdeck from Hookdeck","screen",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},89,"Pricing","pricing",0,{"id":79,"label":80,"slug":81},9,"Plans & Limits","plans-and-limits",[83,87,91,95],{"id":84,"title":85,"slug":86},258,"Header","header",{"id":88,"title":89,"slug":90},189,"FAQ","faq",{"id":92,"title":93,"slug":94},202,"Footer","footer",{"id":96,"title":97,"slug":98},260,"Badge","badge",{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":29,"image":105,"width":68,"height":106,"image_alt":107,"kind":71,"patterns":108,"component_categories":117,"app":126},"741739b5-c82f-4715-b26d-f0e7a036adcb","Sign in - Hookdeck","Sign-in screen where the user authenticates via GitHub, Google, SSO, or email and password to access their Hookdeck dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F741739b5-c82f-4715-b26d-f0e7a036adcb.png",1674,"Sign in - Hookdeck from Hookdeck",[109],{"id":110,"label":111,"slug":112,"rank":77,"group":113},4,"Sign In","sign-in",{"id":114,"label":115,"slug":116},1,"Access & Account","access-and-account",[118,122],{"id":119,"title":120,"slug":121},174,"Card","card",{"id":123,"title":124,"slug":125},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":29,"image":132,"width":68,"height":106,"image_alt":133,"kind":71,"patterns":134,"component_categories":140,"app":143},"4513f37c-9711-4a9e-913a-9f6fabe6c47e","Reset password request - Hookdeck","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4513f37c-9711-4a9e-913a-9f6fabe6c47e.png","Reset password request - Hookdeck from Hookdeck",[135],{"id":136,"label":137,"slug":138,"rank":77,"group":139},2,"Forgot Password","forgot-password",{"id":114,"label":115,"slug":116},[141,142],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":144},[],{"uuid":146,"title":130,"description":147,"canonical_path":29,"image":148,"width":68,"height":106,"image_alt":133,"kind":71,"patterns":149,"component_categories":160,"app":167},"7b100d29-9ce2-499e-8ab0-9f6cd7842ad5","Password recovery screen showing a 'Not Found' error after the user attempted to send a reset link to an unrecognized email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b100d29-9ce2-499e-8ab0-9f6cd7842ad5.png",[150,152],{"id":136,"label":137,"slug":138,"rank":77,"group":151},{"id":114,"label":115,"slug":116},{"id":153,"label":154,"slug":155,"rank":114,"group":156},116,"Error","error",{"id":157,"label":158,"slug":159},12,"States & Feedback","states-and-feedback",[161,165,166],{"id":162,"title":163,"slug":164},167,"Alert","alert",{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":29,"image":173,"width":68,"height":106,"image_alt":174,"kind":71,"patterns":175,"component_categories":181,"app":184},"2bbb5501-6f63-4f2f-ba76-d061a848c37e","Sign Up with Hookdeck - Hookdeck","Signup page where the user can create an account using GitHub, Google, or an email and password, alongside a list of platform benefits for event-driven applications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2bbb5501-6f63-4f2f-ba76-d061a848c37e.png","Sign Up with Hookdeck - Hookdeck from Hookdeck",[176],{"id":177,"label":178,"slug":179,"rank":77,"group":180},5,"Sign Up","sign-up",{"id":114,"label":115,"slug":116},[182,183],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":171,"description":188,"canonical_path":29,"image":189,"width":68,"height":106,"image_alt":174,"kind":71,"patterns":190,"component_categories":193,"app":196},"1d973839-9b4b-451e-ace5-435e3050aee2","Signup page where the user creates an account using GitHub, Google, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d973839-9b4b-451e-ace5-435e3050aee2.png",[191],{"id":177,"label":178,"slug":179,"rank":77,"group":192},{"id":114,"label":115,"slug":116},[194,195],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":197},[],{"uuid":199,"title":200,"description":201,"canonical_path":29,"image":202,"width":68,"height":203,"image_alt":204,"kind":71,"patterns":205,"component_categories":214,"app":221},"963f2704-814a-4fe5-ac5f-59d74f34baae","Onboarding - Workspace - Hookdeck","Onboarding step where the user profiles their industry and event volume, and names their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F963f2704-814a-4fe5-ac5f-59d74f34baae.png",1954,"Onboarding - Workspace - Hookdeck from Hookdeck",[206],{"id":207,"label":208,"slug":209,"rank":77,"group":210},75,"Setup Wizard","setup-wizard",{"id":211,"label":212,"slug":213},7,"Onboarding & Education","onboarding-and-education",[215,219,220],{"id":216,"title":217,"slug":218},240,"Horizontal navigation","horizontal-navigation",{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":222},[],{"uuid":224,"title":200,"description":225,"canonical_path":29,"image":226,"width":68,"height":106,"image_alt":204,"kind":71,"patterns":227,"component_categories":234,"app":238},"084f62ca-9467-42d5-b566-dcec28ed86a9","Onboarding step where the user selects their industry, estimates event volume, and names their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F084f62ca-9467-42d5-b566-dcec28ed86a9.png",[228,230],{"id":207,"label":208,"slug":209,"rank":77,"group":229},{"id":211,"label":212,"slug":213},{"id":114,"label":231,"slug":232,"rank":114,"group":233},"Account Setup","account-setup",{"id":114,"label":115,"slug":116},[235,236,237],{"id":216,"title":217,"slug":218},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":239},[],{"uuid":241,"title":200,"description":242,"canonical_path":29,"image":243,"width":68,"height":106,"image_alt":204,"kind":71,"patterns":244,"component_categories":257,"app":261},"1cee25c4-6afa-4f4b-901a-6eb43afc8a58","Onboarding step where the user selects their industry, estimates monthly event volume, and names their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1cee25c4-6afa-4f4b-901a-6eb43afc8a58.png",[245,250,255],{"id":246,"label":247,"slug":248,"rank":77,"group":249},74,"Onboarding Checklist","onboarding-checklist",{"id":211,"label":212,"slug":213},{"id":251,"label":252,"slug":253,"rank":114,"group":254},77,"Welcome","welcome",{"id":211,"label":212,"slug":213},{"id":114,"label":231,"slug":232,"rank":136,"group":256},{"id":114,"label":115,"slug":116},[258,259,260],{"id":216,"title":217,"slug":218},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":262},[],{"uuid":264,"title":200,"description":265,"canonical_path":29,"image":266,"width":68,"height":106,"image_alt":204,"kind":71,"patterns":267,"component_categories":272,"app":276},"b376be38-7ee8-47fa-972e-e5b2114b1c81","Onboarding step where the user selects their industry, estimates monthly event volume, and names their new workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb376be38-7ee8-47fa-972e-e5b2114b1c81.png",[268,270],{"id":251,"label":252,"slug":253,"rank":77,"group":269},{"id":211,"label":212,"slug":213},{"id":114,"label":231,"slug":232,"rank":114,"group":271},{"id":114,"label":115,"slug":116},[273,274,275],{"id":216,"title":217,"slug":218},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":29,"image":282,"width":68,"height":106,"image_alt":283,"kind":71,"patterns":284,"component_categories":290,"app":292},"c5182157-0b03-4959-9a90-337679ca0989","Connections - Hookdeck","Empty state for the connections list where the user is prompted to create their first connection between a source and a destination.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5182157-0b03-4959-9a90-337679ca0989.png","Connections - Hookdeck from Hookdeck",[285],{"id":286,"label":287,"slug":288,"rank":77,"group":289},115,"Empty State","empty-state",{"id":157,"label":158,"slug":159},[291],{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":293},[],{"uuid":295,"title":296,"description":297,"canonical_path":29,"image":298,"width":68,"height":299,"image_alt":300,"kind":71,"patterns":301,"component_categories":318,"app":334},"39c33d26-383c-42e5-82ff-e447c75a3bf4","Connections - new - Hookdeck","Creation form where the user configures a source, destination, and routing rules to set up a new webhook connection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39c33d26-383c-42e5-82ff-e447c75a3bf4.png",3362,"Connections - new - Hookdeck from Hookdeck",[302,310],{"id":303,"label":304,"slug":305,"rank":77,"group":306},129,"Workflow Builder","workflow-builder",{"id":307,"label":308,"slug":309},13,"Workflow & Automation","workflow-and-automation",{"id":311,"label":312,"slug":313,"rank":114,"group":314},102,"Settings","settings",{"id":315,"label":316,"slug":317},10,"Settings & Admin","settings-and-admin",[319,323,327,331,332,333],{"id":320,"title":321,"slug":322},177,"Breadcrumb","breadcrumb",{"id":324,"title":325,"slug":326},227,"Stepper","stepper",{"id":328,"title":329,"slug":330},168,"Accordion","accordion",{"id":96,"title":97,"slug":98},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":42,"title":41,"logo":44,"categories":335},[],{"family":337,"examples":338},"flows",[],{"family":340,"examples":341},"components",[],{"family":343,"examples":344},"pages",[],[346,348,350,352,354,357,360],{"label":347,"to":29},"Hookdeck product screens",{"label":349,"to":38},"Hookdeck marketing pages",{"label":351,"to":32},"Hookdeck user flows",{"label":353,"to":35},"Hookdeck UI components",{"label":355,"to":356},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":358,"to":359},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":361,"to":362},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":364,"updated_at":365},"2024-02-12T07:47:04.000Z","2026-09-19T12:10:34.000Z"]