[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fduffel\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":293,"links":294,"dates":352},"\u002Fexamples\u002Fapps\u002Fduffel\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Duffel product screens examples - Nicelydone","Browse Duffel screen design examples. Preview the interface screenshots and explore related UI patterns. Make travel effortless","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e07f16d-a6e5-4d62-a0b0-18f1f075eafc.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},"Duffel design examples","\u002Fexamples\u002Fapps\u002Fduffel",{"label":23,"to":4},"Duffel 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,"categories":34},"Duffel","duffel","Make travel effortless","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fduffel-ff41af16.png","https:\u002F\u002Fduffel.com",[35,39],{"id":36,"title":37,"slug":38},5,"Travel","travel",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",[44,69,88,104,124,140,164,184,195,207,245,270],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"3e07f16d-a6e5-4d62-a0b0-18f1f075eafc","Duffel – Sign in","Sign-in screen where the user authenticates with their email address and password.",3072,1716,"Duffel – Sign in from Duffel","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":81,"app":86},"6231febf-6c18-477a-a97f-ea7c61beac67","Duffel – Reset Password","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6231febf-6c18-477a-a97f-ea7c61beac67.png","Duffel – Reset Password from Duffel",[76],{"id":77,"label":78,"slug":79,"rank":57,"group":80},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[82],{"id":83,"title":84,"slug":85},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":71,"description":90,"canonical_path":4,"image":91,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":92,"component_categories":95,"app":102},"fb6bb856-3998-47b4-9d33-99411ac16f26","Password recovery screen where the user enters their email address to receive a reset link, featuring an informational alert explaining the process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb6bb856-3998-47b4-9d33-99411ac16f26.png",[93],{"id":77,"label":78,"slug":79,"rank":57,"group":94},{"id":59,"label":60,"slug":61},[96,100,101],{"id":97,"title":98,"slug":99},167,"Alert","alert",{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":110,"component_categories":119,"app":122},"6cc5b9d1-b138-4c8b-b259-cc49ea8484b5","httpsapp.duffel.comjoin","Signup page where the user creates an account by providing their name, email, password, and country, alongside value propositions for a flight-selling platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6cc5b9d1-b138-4c8b-b259-cc49ea8484b5.png","httpsapp.duffel.comjoin from Duffel",[111,115],{"id":36,"label":112,"slug":113,"rank":57,"group":114},"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":59,"label":116,"slug":117,"rank":59,"group":118},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[120,121],{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":106,"description":126,"canonical_path":4,"image":127,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":128,"component_categories":131,"app":138},"ef698aba-9335-4338-97bc-733a1d9df919","Signup page where the user creates an account by providing their name, email, password with live validation, and country to start selling flights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef698aba-9335-4338-97bc-733a1d9df919.png",[129],{"id":36,"label":112,"slug":113,"rank":57,"group":130},{"id":59,"label":60,"slug":61},[132,136,137],{"id":133,"title":134,"slug":135},260,"Badge","badge",{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":106,"description":142,"canonical_path":4,"image":143,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":144,"component_categories":155,"app":162},"8de19fec-a4ab-4448-9143-11274c514b57","Signup page where the user creates an account to start selling flights, featuring a value proposition list and an open help and support popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8de19fec-a4ab-4448-9143-11274c514b57.png",[145,147],{"id":36,"label":112,"slug":113,"rank":57,"group":146},{"id":59,"label":60,"slug":61},{"id":148,"label":149,"slug":150,"rank":59,"group":151},118,"Help","help",{"id":152,"label":153,"slug":154},12,"States & Feedback","states-and-feedback",[156,160,161],{"id":157,"title":158,"slug":159},214,"Popover","popover",{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":106,"description":166,"canonical_path":4,"image":167,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":168,"component_categories":180,"app":182},"bff9f619-faf1-4531-8d29-2dee87f75000","Signup screen where the user enters their personal details and country to create an account, with a floating contact support widget open to submit a message or upload files.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbff9f619-faf1-4531-8d29-2dee87f75000.png",[169,171,173],{"id":36,"label":112,"slug":113,"rank":57,"group":170},{"id":59,"label":60,"slug":61},{"id":148,"label":149,"slug":150,"rank":59,"group":172},{"id":152,"label":153,"slug":154},{"id":174,"label":175,"slug":176,"rank":77,"group":177},42,"Form","form",{"id":54,"label":178,"slug":179},"Data & Analysis","data-and-analysis",[181],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":106,"description":186,"canonical_path":4,"image":187,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":188,"component_categories":191,"app":193},"5e9c9236-1655-4a72-a7a6-112183ffc423","Signup page where the user creates an account by providing their name, email, password, and country alongside a list of platform benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e9c9236-1655-4a72-a7a6-112183ffc423.png",[189],{"id":36,"label":112,"slug":113,"rank":57,"group":190},{"id":59,"label":60,"slug":61},[192],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":106,"description":197,"canonical_path":4,"image":198,"width":48,"height":49,"image_alt":109,"kind":51,"patterns":199,"component_categories":202,"app":205},"48bd83b7-9218-49a7-826d-834d4970aab7","Signup page where the user creates an account by providing their name, email, password, and country, alongside a list of platform benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48bd83b7-9218-49a7-826d-834d4970aab7.png",[200],{"id":36,"label":112,"slug":113,"rank":57,"group":201},{"id":59,"label":60,"slug":61},[203,204],{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":4,"image":211,"width":48,"height":49,"image_alt":212,"kind":51,"patterns":213,"component_categories":232,"app":243},"42e97252-723e-43bc-8695-f271b4552931","Duffel – Welcome to the test order tutorial","Onboarding tutorial where the user is welcomed to the Duffel API and prompted to start or skip a 3-minute guide on searching flights and creating orders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42e97252-723e-43bc-8695-f271b4552931.png","Duffel – Welcome to the test order tutorial from Duffel",[214,222,227],{"id":215,"label":216,"slug":217,"rank":57,"group":218},73,"Guided Tour","guided-tour",{"id":219,"label":220,"slug":221},7,"Onboarding & Education","onboarding-and-education",{"id":223,"label":224,"slug":225,"rank":59,"group":226},77,"Welcome","welcome",{"id":219,"label":220,"slug":221},{"id":228,"label":229,"slug":230,"rank":77,"group":231},76,"Tutorial","tutorial",{"id":219,"label":220,"slug":221},[233,237,241,242],{"id":234,"title":235,"slug":236},284,"Modal","modal",{"id":238,"title":239,"slug":240},227,"Stepper","stepper",{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":209,"description":247,"canonical_path":4,"image":248,"width":48,"height":49,"image_alt":212,"kind":51,"patterns":249,"component_categories":264,"app":268},"1ae3c748-5cc4-4ebc-b871-1ac3de029b21","Onboarding step where the user follows an interactive tutorial to set up the Flights and Payments API using Node.js.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae3c748-5cc4-4ebc-b871-1ac3de029b21.png",[250,252,257],{"id":215,"label":216,"slug":217,"rank":57,"group":251},{"id":219,"label":220,"slug":221},{"id":253,"label":254,"slug":255,"rank":59,"group":256},74,"Onboarding Checklist","onboarding-checklist",{"id":219,"label":220,"slug":221},{"id":258,"label":259,"slug":260,"rank":77,"group":261},53,"Code Editor","code-editor",{"id":36,"label":262,"slug":263},"Media & Tools","media-and-tools",[265,266,267],{"id":238,"title":239,"slug":240},{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":4,"image":274,"width":48,"height":49,"image_alt":275,"kind":51,"patterns":276,"component_categories":287,"app":291},"a851b214-00f6-4711-b19a-7e0d1b9d4743","Duffel – Create your offer request","Onboarding step where the user reviews a Node.js code snippet for creating an offer request alongside an interactive example UI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa851b214-00f6-4711-b19a-7e0d1b9d4743.png","Duffel – Create your offer request from Duffel",[277,279,281],{"id":228,"label":229,"slug":230,"rank":57,"group":278},{"id":219,"label":220,"slug":221},{"id":258,"label":259,"slug":260,"rank":59,"group":280},{"id":36,"label":262,"slug":263},{"id":219,"label":282,"slug":283,"rank":77,"group":284},"Add & Create","add-and-create",{"id":77,"label":285,"slug":286},"Actions","actions",[288,289,290],{"id":238,"title":239,"slug":240},{"id":83,"title":84,"slug":85},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":292},[],[],[295,297,299,301,303,305,307,309,311,313,315,317,319,322,325,328,331,334,336,340,344,348],{"label":112,"to":296},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":259,"to":298},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":78,"to":300},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":216,"to":302},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":149,"to":304},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":229,"to":306},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":116,"to":308},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":282,"to":310},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":175,"to":312},"\u002Fexamples\u002Fscreens\u002Fform",{"label":254,"to":314},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":55,"to":316},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":224,"to":318},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":320,"to":321},"Duffel marketing pages","\u002Fexamples\u002Fapps\u002Fduffel\u002Fmarketing",{"label":323,"to":324},"Duffel user flows","\u002Fexamples\u002Fapps\u002Fduffel\u002Fflows",{"label":326,"to":327},"Duffel UI components","\u002Fexamples\u002Fapps\u002Fduffel\u002Fcomponents",{"label":329,"to":330},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":332,"to":333},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":335,"to":18},"All SaaS app examples",{"label":337,"to":338,"description":339},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":341,"to":342,"description":343},"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":345,"to":346,"description":347},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":349,"to":350,"description":351},"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":353,"updated_at":354},"2020-11-22T17:27:32.000Z","2026-09-13T13:02:39.000Z"]