[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foh-dear\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":310,"links":311,"dates":369},"\u002Fexamples\u002Fapps\u002Foh-dear\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Oh Dear product screens examples - Nicelydone","Browse Oh Dear screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one monitoring tool for your entire website","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3069fb1e-6004-4103-b8a1-34990baec2d6.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},"Oh Dear design examples","\u002Fexamples\u002Fapps\u002Foh-dear",{"label":23,"to":4},"Oh Dear 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,"twitter_username":34,"categories":35},"Oh Dear","oh-dear","The all-in-one monitoring tool for your entire website","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foh-dear-b9c711a0.png","https:\u002F\u002Fohdear.app","OhDearApp",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},16,"Monitoring","monitoring",[45,74,91,111,136,150,167,182,201,235,253,268],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":72},"3069fb1e-6004-4103-b8a1-34990baec2d6","Login - Oh Dear","Sign-in screen where the user authenticates with their email and password, with options to recover their password or create a new account.",3024,1674,"Login - Oh Dear from Oh Dear","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64,68],{"id":65,"title":66,"slug":67},174,"Card","card",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":49,"height":50,"image_alt":79,"kind":52,"patterns":80,"component_categories":86,"app":89},"0ec2fec1-2d16-47d3-aaf4-e1c69574f964","Forgot password - Oh Dear","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ec2fec1-2d16-47d3-aaf4-e1c69574f964.png","Forgot password - Oh Dear from Oh Dear",[81],{"id":82,"label":83,"slug":84,"rank":58,"group":85},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},[87,88],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":76,"description":93,"canonical_path":4,"image":94,"width":49,"height":50,"image_alt":79,"kind":52,"patterns":95,"component_categories":106,"app":109},"5c199acc-81d8-42ed-8ce3-39b5114624fb","Password recovery screen where the user enters their email to receive a reset link, currently displaying an error for an unfound user.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c199acc-81d8-42ed-8ce3-39b5114624fb.png",[96,98],{"id":82,"label":83,"slug":84,"rank":58,"group":97},{"id":60,"label":61,"slug":62},{"id":99,"label":100,"slug":101,"rank":60,"group":102},116,"Error","error",{"id":103,"label":104,"slug":105},12,"States & Feedback","states-and-feedback",[107,108],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":49,"height":50,"image_alt":116,"kind":52,"patterns":117,"component_categories":123,"app":134},"cd316a54-2a99-4912-93de-63173b0d6464","Start monitoring for free - Oh Dear","Signup screen where the user creates an account with their name, email, and password, accompanied by customer testimonials on a dark side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcd316a54-2a99-4912-93de-63173b0d6464.png","Start monitoring for free - Oh Dear from Oh Dear",[118],{"id":119,"label":120,"slug":121,"rank":58,"group":122},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},[124,128,132,133],{"id":125,"title":126,"slug":127},232,"Testimonial","testimonial",{"id":129,"title":130,"slug":131},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":113,"description":138,"canonical_path":4,"image":139,"width":49,"height":50,"image_alt":116,"kind":52,"patterns":140,"component_categories":143,"app":148},"428a6122-aa4d-41a1-94ac-74071e59a2ff","Signup page where the user creates an account by providing their name, email, and password, alongside a panel of customer testimonials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F428a6122-aa4d-41a1-94ac-74071e59a2ff.png",[141],{"id":119,"label":120,"slug":121,"rank":58,"group":142},{"id":60,"label":61,"slug":62},[144,145,146,147],{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":113,"description":152,"canonical_path":4,"image":153,"width":49,"height":50,"image_alt":116,"kind":52,"patterns":154,"component_categories":161,"app":165},"9bbec02f-ef84-4167-ba18-a040e7eef78a","Signup page where the user creates an account by providing their name, email, and password, accompanied by customer testimonials on a dark side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bbec02f-ef84-4167-ba18-a040e7eef78a.png",[155,157],{"id":119,"label":120,"slug":121,"rank":58,"group":156},{"id":60,"label":61,"slug":62},{"id":60,"label":158,"slug":159,"rank":60,"group":160},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[162,163,164],{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":113,"description":169,"canonical_path":4,"image":170,"width":49,"height":50,"image_alt":116,"kind":52,"patterns":171,"component_categories":176,"app":180},"19ddbf0c-ff9b-46c9-9862-6ae1d642f8de","Signup screen where the user creates an account with their email and password, accompanied by developer testimonials on a split layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19ddbf0c-ff9b-46c9-9862-6ae1d642f8de.png",[172,174],{"id":119,"label":120,"slug":121,"rank":58,"group":173},{"id":60,"label":61,"slug":62},{"id":60,"label":158,"slug":159,"rank":60,"group":175},{"id":60,"label":61,"slug":62},[177,178,179],{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":49,"height":50,"image_alt":187,"kind":52,"patterns":188,"component_categories":196,"app":199},"7eab0390-30a0-4c3f-a82c-4434be0a4deb","Verify your email - Oh Dear","Verification screen where the user is prompted to check their email for a link to verify their account, with options to resend the email or log out.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7eab0390-30a0-4c3f-a82c-4434be0a4deb.png","Verify your email - Oh Dear from Oh Dear",[189,194],{"id":190,"label":191,"slug":192,"rank":58,"group":193},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":60,"label":158,"slug":159,"rank":60,"group":195},{"id":60,"label":61,"slug":62},[197,198],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":203,"description":204,"canonical_path":4,"image":205,"width":49,"height":206,"image_alt":207,"kind":52,"patterns":208,"component_categories":230,"app":233},"ad408cbb-ee91-45bd-94d4-d68a525ea6b2","Create your first team - Oh Dear","Onboarding step where the user creates their first team by setting a team name, timezone, and preferred primary uptime check location.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad408cbb-ee91-45bd-94d4-d68a525ea6b2.png",1720,"Create your first team - Oh Dear from Oh Dear",[209,217,225],{"id":210,"label":211,"slug":212,"rank":58,"group":213},75,"Setup Wizard","setup-wizard",{"id":214,"label":215,"slug":216},7,"Onboarding & Education","onboarding-and-education",{"id":218,"label":219,"slug":220,"rank":60,"group":221},104,"Team Management","team-management",{"id":222,"label":223,"slug":224},10,"Settings & Admin","settings-and-admin",{"id":226,"label":227,"slug":228,"rank":82,"group":229},74,"Onboarding Checklist","onboarding-checklist",{"id":214,"label":215,"slug":216},[231,232],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":4,"image":239,"width":49,"height":50,"image_alt":240,"kind":52,"patterns":241,"component_categories":249,"app":251},"31feed50-e081-40af-9e0f-054fbecd8c33","Join a team - Oh Dear","Instructional screen explaining that the user must click the link in their email to join a team, with an alternative link to create a new team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31feed50-e081-40af-9e0f-054fbecd8c33.png","Join a team - Oh Dear from Oh Dear",[242,247],{"id":243,"label":244,"slug":245,"rank":58,"group":246},72,"Getting Started","getting-started",{"id":214,"label":215,"slug":216},{"id":218,"label":219,"slug":220,"rank":60,"group":248},{"id":222,"label":223,"slug":224},[250],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":203,"description":255,"canonical_path":4,"image":256,"width":49,"height":206,"image_alt":207,"kind":52,"patterns":257,"component_categories":264,"app":266},"74faa01c-bd1e-4f3c-87b1-835751d5d546","Onboarding step where the user names their first team, sets a timezone, and chooses a primary uptime check location.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74faa01c-bd1e-4f3c-87b1-835751d5d546.png",[258,260,262],{"id":210,"label":211,"slug":212,"rank":58,"group":259},{"id":214,"label":215,"slug":216},{"id":218,"label":219,"slug":220,"rank":60,"group":261},{"id":222,"label":223,"slug":224},{"id":60,"label":158,"slug":159,"rank":82,"group":263},{"id":60,"label":61,"slug":62},[265],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":4,"image":272,"width":49,"height":50,"image_alt":273,"kind":52,"patterns":274,"component_categories":300,"app":308},"5d0041a6-71af-4310-b569-26d8d7cd00b5","Sites - Oh Dear","Onboarding screen where the user is welcomed and prompted to add their first site to monitor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d0041a6-71af-4310-b569-26d8d7cd00b5.png","Sites - Oh Dear from Oh Dear",[275,280,285,291],{"id":276,"label":277,"slug":278,"rank":58,"group":279},77,"Welcome","welcome",{"id":214,"label":215,"slug":216},{"id":281,"label":282,"slug":283,"rank":60,"group":284},115,"Empty State","empty-state",{"id":103,"label":104,"slug":105},{"id":214,"label":286,"slug":287,"rank":82,"group":288},"Add & Create","add-and-create",{"id":82,"label":289,"slug":290},"Actions","actions",{"id":292,"label":293,"slug":294,"rank":295,"group":296},91,"Trial","trial",3,{"id":297,"label":298,"slug":299},9,"Plans & Limits","plans-and-limits",[301,305,306,307],{"id":302,"title":303,"slug":304},240,"Horizontal navigation","horizontal-navigation",{"id":129,"title":130,"slug":131},{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":309},[],[],[312,314,316,318,320,322,324,326,328,330,332,334,336,339,342,345,348,351,353,357,361,365],{"label":158,"to":313},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":120,"to":315},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":219,"to":317},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":83,"to":319},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":211,"to":321},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":286,"to":323},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":282,"to":325},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":100,"to":327},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":244,"to":329},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":227,"to":331},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":56,"to":333},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":293,"to":335},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":337,"to":338},"Oh Dear marketing pages","\u002Fexamples\u002Fapps\u002Foh-dear\u002Fmarketing",{"label":340,"to":341},"Oh Dear user flows","\u002Fexamples\u002Fapps\u002Foh-dear\u002Fflows",{"label":343,"to":344},"Oh Dear UI components","\u002Fexamples\u002Fapps\u002Foh-dear\u002Fcomponents",{"label":346,"to":347},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":349,"to":350},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":352,"to":18},"All SaaS app examples",{"label":354,"to":355,"description":356},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":358,"to":359,"description":360},"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":362,"to":363,"description":364},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":366,"to":367,"description":368},"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":370,"updated_at":371},"2022-10-16T01:50:43.000Z","2026-09-13T13:02:39.000Z"]