[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":321,"links":322,"dates":383},"\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hookdeck product screens examples - Nicelydone","Browse Hookdeck screen design examples. Preview the interface screenshots and explore related UI patterns. A reliable event gateway for asynchronous…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39412edb-78c1-428d-9a6c-fc28ee2cabb4.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},"Hookdeck design examples","\u002Fexamples\u002Fapps\u002Fhookdeck",{"label":23,"to":4},"Hookdeck product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Hookdeck screen design examples. Preview the interface screenshots and explore related UI patterns. A reliable event gateway for asynchronous applications",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":30,"categories":35},"Hookdeck","hookdeck","A reliable event gateway for asynchronous applications","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhookdeck-314d3191.png","https:\u002F\u002Fhookdeck.com",[36,40,44],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},16,"Monitoring","monitoring",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",[49,86,113,130,154,171,183,208,225,248,263,279],{"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":84},"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",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},89,"Pricing","pricing",0,{"id":64,"label":65,"slug":66},9,"Plans & Limits","plans-and-limits",[68,72,76,80],{"id":69,"title":70,"slug":71},258,"Header","header",{"id":73,"title":74,"slug":75},189,"FAQ","faq",{"id":77,"title":78,"slug":79},202,"Footer","footer",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":53,"height":91,"image_alt":92,"kind":56,"patterns":93,"component_categories":102,"app":111},"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",[94],{"id":95,"label":96,"slug":97,"rank":62,"group":98},4,"Sign In","sign-in",{"id":99,"label":100,"slug":101},1,"Access & Account","access-and-account",[103,107],{"id":104,"title":105,"slug":106},174,"Card","card",{"id":108,"title":109,"slug":110},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":53,"height":91,"image_alt":118,"kind":56,"patterns":119,"component_categories":125,"app":128},"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",[120],{"id":121,"label":122,"slug":123,"rank":62,"group":124},2,"Forgot Password","forgot-password",{"id":99,"label":100,"slug":101},[126,127],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":129},[],{"uuid":131,"title":115,"description":132,"canonical_path":4,"image":133,"width":53,"height":91,"image_alt":118,"kind":56,"patterns":134,"component_categories":145,"app":152},"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",[135,137],{"id":121,"label":122,"slug":123,"rank":62,"group":136},{"id":99,"label":100,"slug":101},{"id":138,"label":139,"slug":140,"rank":99,"group":141},116,"Error","error",{"id":142,"label":143,"slug":144},12,"States & Feedback","states-and-feedback",[146,150,151],{"id":147,"title":148,"slug":149},167,"Alert","alert",{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":53,"height":91,"image_alt":159,"kind":56,"patterns":160,"component_categories":166,"app":169},"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",[161],{"id":162,"label":163,"slug":164,"rank":62,"group":165},5,"Sign Up","sign-up",{"id":99,"label":100,"slug":101},[167,168],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":156,"description":173,"canonical_path":4,"image":174,"width":53,"height":91,"image_alt":159,"kind":56,"patterns":175,"component_categories":178,"app":181},"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",[176],{"id":162,"label":163,"slug":164,"rank":62,"group":177},{"id":99,"label":100,"slug":101},[179,180],{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":185,"description":186,"canonical_path":4,"image":187,"width":53,"height":188,"image_alt":189,"kind":56,"patterns":190,"component_categories":199,"app":206},"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",[191],{"id":192,"label":193,"slug":194,"rank":62,"group":195},75,"Setup Wizard","setup-wizard",{"id":196,"label":197,"slug":198},7,"Onboarding & Education","onboarding-and-education",[200,204,205],{"id":201,"title":202,"slug":203},240,"Horizontal navigation","horizontal-navigation",{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":207},[],{"uuid":209,"title":185,"description":210,"canonical_path":4,"image":211,"width":53,"height":91,"image_alt":189,"kind":56,"patterns":212,"component_categories":219,"app":223},"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",[213,215],{"id":192,"label":193,"slug":194,"rank":62,"group":214},{"id":196,"label":197,"slug":198},{"id":99,"label":216,"slug":217,"rank":99,"group":218},"Account Setup","account-setup",{"id":99,"label":100,"slug":101},[220,221,222],{"id":201,"title":202,"slug":203},{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":224},[],{"uuid":226,"title":185,"description":227,"canonical_path":4,"image":228,"width":53,"height":91,"image_alt":189,"kind":56,"patterns":229,"component_categories":242,"app":246},"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",[230,235,240],{"id":231,"label":232,"slug":233,"rank":62,"group":234},74,"Onboarding Checklist","onboarding-checklist",{"id":196,"label":197,"slug":198},{"id":236,"label":237,"slug":238,"rank":99,"group":239},77,"Welcome","welcome",{"id":196,"label":197,"slug":198},{"id":99,"label":216,"slug":217,"rank":121,"group":241},{"id":99,"label":100,"slug":101},[243,244,245],{"id":201,"title":202,"slug":203},{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":247},[],{"uuid":249,"title":185,"description":250,"canonical_path":4,"image":251,"width":53,"height":91,"image_alt":189,"kind":56,"patterns":252,"component_categories":257,"app":261},"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",[253,255],{"id":236,"label":237,"slug":238,"rank":62,"group":254},{"id":196,"label":197,"slug":198},{"id":99,"label":216,"slug":217,"rank":99,"group":256},{"id":99,"label":100,"slug":101},[258,259,260],{"id":201,"title":202,"slug":203},{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":262},[],{"uuid":264,"title":265,"description":266,"canonical_path":4,"image":267,"width":53,"height":91,"image_alt":268,"kind":56,"patterns":269,"component_categories":275,"app":277},"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",[270],{"id":271,"label":272,"slug":273,"rank":62,"group":274},115,"Empty State","empty-state",{"id":142,"label":143,"slug":144},[276],{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":4,"image":283,"width":53,"height":284,"image_alt":285,"kind":56,"patterns":286,"component_categories":303,"app":319},"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",[287,295],{"id":288,"label":289,"slug":290,"rank":62,"group":291},129,"Workflow Builder","workflow-builder",{"id":292,"label":293,"slug":294},13,"Workflow & Automation","workflow-and-automation",{"id":296,"label":297,"slug":298,"rank":99,"group":299},102,"Settings","settings",{"id":300,"label":301,"slug":302},10,"Settings & Admin","settings-and-admin",[304,308,312,316,317,318],{"id":305,"title":306,"slug":307},177,"Breadcrumb","breadcrumb",{"id":309,"title":310,"slug":311},227,"Stepper","stepper",{"id":313,"title":314,"slug":315},168,"Accordion","accordion",{"id":81,"title":82,"slug":83},{"id":104,"title":105,"slug":106},{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":320},[],[],[323,325,327,329,331,333,335,337,339,341,343,345,347,350,353,356,359,362,365,367,371,375,379],{"label":216,"to":324},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":122,"to":326},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":193,"to":328},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":163,"to":330},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":237,"to":332},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":272,"to":334},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":139,"to":336},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":232,"to":338},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":60,"to":340},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":297,"to":342},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":96,"to":344},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":289,"to":346},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":348,"to":349},"Hookdeck marketing pages","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fmarketing",{"label":351,"to":352},"Hookdeck user flows","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fflows",{"label":354,"to":355},"Hookdeck UI components","\u002Fexamples\u002Fapps\u002Fhookdeck\u002Fcomponents",{"label":357,"to":358},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":360,"to":361},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":363,"to":364},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":366,"to":18},"All SaaS app examples",{"label":368,"to":369,"description":370},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":372,"to":373,"description":374},"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":376,"to":377,"description":378},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":380,"to":381,"description":382},"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":384,"updated_at":385},"2024-02-12T07:47:36.000Z","2026-09-13T13:02:39.000Z"]