[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdohop\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":182,"links":183,"dates":231},"\u002Fexamples\u002Fapps\u002Fdohop\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dohop product screens examples - Nicelydone","Browse Dohop screen design examples. Preview the interface screenshots and explore related UI patterns. Anywhere. Simple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdohop_dropdown_98c2241a_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Dohop design examples","\u002Fexamples\u002Fapps\u002Fdohop",{"label":23,"to":4},"Dohop 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},"Dohop","dohop","Anywhere. Simple.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdohop-255e74f1.png","https:\u002F\u002Fwww.dohop.com\u002F",[35,39],{"id":36,"title":37,"slug":38},5,"Travel","travel",{"id":40,"title":41,"slug":42},55,"Search engine","search-engine",[44,98,120,130],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":71,"app":96},"22da6722-e1a1-4e15-a205-85483fdd5016","Dropdown","Landing page for a travel search engine where the user enters origin, destination, and dates to find flights, with the destination combobox currently open to show matching cities.",2800,2000,"Dropdown from Dohop","screen",[53,62],{"id":54,"label":55,"slug":56,"rank":57,"group":58},22,"Search","search",0,{"id":59,"label":60,"slug":61},2,"Actions","actions",{"id":63,"label":64,"slug":65,"rank":66,"group":67},79,"Browse","browse",1,{"id":68,"label":69,"slug":70},8,"Pages & Content","pages-and-content",[72,76,80,84,88,92],{"id":73,"title":74,"slug":75},258,"Header","header",{"id":77,"title":78,"slug":79},298,"Bento box","bento-grid",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},175,"Button","button",{"id":93,"title":94,"slug":95},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":48,"height":103,"image_alt":104,"kind":51,"patterns":105,"component_categories":114,"app":118},"2367e4b8-3e02-4adb-9753-290f0a1dc6de","Calendar","Search page where the user builds a flight query by selecting origin, destination, travel dates via an open two-month calendar, and passenger count.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdohop_calendar_633ee106_nicelydone.jpg",1544,"Calendar from Dohop",[106,112],{"id":107,"label":100,"slug":108,"rank":57,"group":109},51,"calendar",{"id":36,"label":110,"slug":111},"Media & Tools","media-and-tools",{"id":54,"label":55,"slug":56,"rank":66,"group":113},{"id":59,"label":60,"slug":61},[115,116,117],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":55,"description":122,"canonical_path":4,"image":123,"width":48,"height":124,"image_alt":125,"kind":51,"patterns":126,"component_categories":127,"app":128},"2e4ae9d5-097a-4d9b-aaf6-29cb6d44cc86","Research Price","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdohop_search_5b679e53_nicelydone.jpg",7186,"Search from Dohop",[],[],{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":48,"height":135,"image_alt":136,"kind":51,"patterns":137,"component_categories":165,"app":180},"f63c749a-a095-415b-ab74-d5d66655d3f0","Single","Flight search results page where the user filters options by stops and connection times, views a flexible dates pricing matrix, and selects a specific itinerary.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdohop_single_192e5b72_nicelydone.jpg",2107,"Single from Dohop",[138,143,148,156],{"id":139,"label":140,"slug":141,"rank":57,"group":142},13,"Filter & Sort","filter-and-sort",{"id":59,"label":60,"slug":61},{"id":144,"label":145,"slug":146,"rank":66,"group":147},84,"Search Results","search-results",{"id":68,"label":69,"slug":70},{"id":149,"label":150,"slug":151,"rank":59,"group":152},47,"Table","table",{"id":153,"label":154,"slug":155},4,"Data & Analysis","data-and-analysis",{"id":157,"label":158,"slug":159,"rank":160,"group":161},130,"Checkout","checkout",3,{"id":162,"label":163,"slug":164},14,"Payments & Checkout","payments-and-checkout",[166,170,174,178,179],{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"id":171,"title":172,"slug":173},168,"Accordion","accordion",{"id":175,"title":176,"slug":177},223,"Slider","slider",{"id":93,"title":94,"slug":95},{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":181},[],[],[184,186,188,190,192,194,196,198,201,204,207,210,213,215,219,223,227],{"label":55,"to":185},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":64,"to":187},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":100,"to":189},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":158,"to":191},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":140,"to":193},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":145,"to":195},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":150,"to":197},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":199,"to":200},"Dohop marketing pages","\u002Fexamples\u002Fapps\u002Fdohop\u002Fmarketing",{"label":202,"to":203},"Dohop user flows","\u002Fexamples\u002Fapps\u002Fdohop\u002Fflows",{"label":205,"to":206},"Dohop UI components","\u002Fexamples\u002Fapps\u002Fdohop\u002Fcomponents",{"label":208,"to":209},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":211,"to":212},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"label":214,"to":18},"All SaaS app examples",{"label":216,"to":217,"description":218},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":220,"to":221,"description":222},"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":224,"to":225,"description":226},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":228,"to":229,"description":230},"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":232,"updated_at":233},"2016-07-27T08:00:00.000Z","2026-09-13T13:02:39.000Z"]