[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdopt\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":286,"links":287,"dates":342},"\u002Fexamples\u002Fapps\u002Fdopt\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dopt product screens examples - Nicelydone","Browse Dopt screen design examples. Preview the interface screenshots and explore related UI patterns. Ship self-serve product onboarding and education,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f6fd042-4506-4a11-8167-667c8bf5832d.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},"Dopt design examples","\u002Fexamples\u002Fapps\u002Fdopt",{"label":23,"to":4},"Dopt product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dopt screen design examples. Preview the interface screenshots and explore related UI patterns. Ship self-serve product onboarding and education, your way",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Dopt","dopt","Ship self-serve product onboarding and education, your way","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdopt-47cd1e68.png","https:\u002F\u002Fwww.dopt.com\u002F","doptcom",[37],{"id":38,"title":39,"slug":40},96,"No code","no-code",[42,67,86,107,128,147,158,191,203,225,246,266],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"patterns":50,"component_categories":60,"app":65},"0f6fd042-4506-4a11-8167-667c8bf5832d","Sign up","Signup page where the user can create a free account using Google OAuth or a work email address, alongside a sidebar featuring social proof logos.",3024,1792,"Sign up from Dopt","screen",[51],{"id":52,"label":53,"slug":54,"rank":55,"group":56},5,"Sign Up","sign-up",0,{"id":57,"label":58,"slug":59},1,"Access & Account","access-and-account",[61],{"id":62,"title":63,"slug":64},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":66},[],{"uuid":68,"title":69,"description":70,"canonical_path":4,"image":71,"width":46,"height":72,"image_alt":73,"kind":49,"patterns":74,"component_categories":83,"app":84},"c28253d8-9f88-414c-bdd5-63e3fd929a88","Privacy — Dopt","Privacy notice page detailing the collection, use, and disclosure of personal information, including specific sections for California and Nevada residents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc28253d8-9f88-414c-bdd5-63e3fd929a88.png",9316,"Privacy — Dopt from Dopt",[75],{"id":76,"label":77,"slug":78,"rank":55,"group":79},78,"Article","article",{"id":80,"label":81,"slug":82},15,"Marketing Page Types","marketing-page-types",[],{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":46,"height":91,"image_alt":92,"kind":49,"patterns":93,"component_categories":104,"app":105},"5a1ae3f5-a36c-4914-ae48-46b3fe1fd83c","Terms — Dopt","Terms and conditions page outlining the legal agreement, privacy notice, user prohibitions, and liability limitations for using the website.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a1ae3f5-a36c-4914-ae48-46b3fe1fd83c.png",2496,"Terms — Dopt from Dopt",[94,96],{"id":76,"label":77,"slug":78,"rank":55,"group":95},{"id":80,"label":81,"slug":82},{"id":97,"label":98,"slug":99,"rank":57,"group":100},119,"Info","info",{"id":101,"label":102,"slug":103},12,"States & Feedback","states-and-feedback",[],{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":46,"height":47,"image_alt":112,"kind":49,"patterns":113,"component_categories":124,"app":126},"1b14bbea-28bb-44e1-b5bb-f7073c201b46","Log in","Authentication screen where the user is instructed to check their email for a temporary login link to access the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b14bbea-28bb-44e1-b5bb-f7073c201b46.png","Log in from Dopt",[114,119],{"id":115,"label":116,"slug":117,"rank":55,"group":118},2,"Forgot Password","forgot-password",{"id":57,"label":58,"slug":59},{"id":120,"label":121,"slug":122,"rank":57,"group":123},114,"Confirmation","confirmation",{"id":101,"label":102,"slug":103},[125],{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":30,"description":130,"canonical_path":4,"image":131,"width":46,"height":47,"image_alt":132,"kind":49,"patterns":133,"component_categories":143,"app":145},"e0b7ff85-cf3d-4cdc-811c-c4a77b847a60","Onboarding step where the user is prompted to name their new workspace, currently displaying a validation error for an empty input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0b7ff85-cf3d-4cdc-811c-c4a77b847a60.png","Dopt from Dopt",[134,138],{"id":57,"label":135,"slug":136,"rank":55,"group":137},"Account Setup","account-setup",{"id":57,"label":58,"slug":59},{"id":139,"label":140,"slug":141,"rank":57,"group":142},116,"Error","error",{"id":101,"label":102,"slug":103},[144],{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":30,"description":149,"canonical_path":4,"image":150,"width":46,"height":47,"image_alt":132,"kind":49,"patterns":151,"component_categories":154,"app":156},"9237ce60-660d-41f3-8e84-84f4fec3cfad","Onboarding step where the user names their new workspace before continuing into the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9237ce60-660d-41f3-8e84-84f4fec3cfad.png",[152],{"id":57,"label":135,"slug":136,"rank":55,"group":153},{"id":57,"label":58,"slug":59},[155],{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":164,"component_categories":183,"app":189},"3b7865f7-752c-4877-8d1a-c4810eaed35e","Welcome to Dopt","Onboarding step where the user is welcomed to the platform and prompted to start the setup wizard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b7865f7-752c-4877-8d1a-c4810eaed35e.png","Welcome to Dopt from Dopt",[165,173,178],{"id":166,"label":167,"slug":168,"rank":55,"group":169},77,"Welcome","welcome",{"id":170,"label":171,"slug":172},7,"Onboarding & Education","onboarding-and-education",{"id":174,"label":175,"slug":176,"rank":57,"group":177},75,"Setup Wizard","setup-wizard",{"id":170,"label":171,"slug":172},{"id":179,"label":180,"slug":181,"rank":115,"group":182},72,"Getting Started","getting-started",{"id":170,"label":171,"slug":172},[184,188],{"id":185,"title":186,"slug":187},227,"Stepper","stepper",{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":160,"description":193,"canonical_path":4,"image":194,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":195,"component_categories":198,"app":201},"9bb01306-6617-43e9-be31-d11038cc4f26","Onboarding step where the user provides their role, company size, and attribution source to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bb01306-6617-43e9-be31-d11038cc4f26.png",[196],{"id":174,"label":175,"slug":176,"rank":55,"group":197},{"id":170,"label":171,"slug":172},[199,200],{"id":185,"title":186,"slug":187},{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":160,"description":205,"canonical_path":4,"image":206,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":207,"component_categories":220,"app":223},"07a21050-49f3-4e6f-b966-343269302211","Onboarding step where the user provides their role, seniority, company size, and referral source to tailor their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07a21050-49f3-4e6f-b966-343269302211.png",[208,210,218],{"id":174,"label":175,"slug":176,"rank":55,"group":209},{"id":170,"label":171,"slug":172},{"id":211,"label":212,"slug":213,"rank":57,"group":214},42,"Form","form",{"id":215,"label":216,"slug":217},4,"Data & Analysis","data-and-analysis",{"id":57,"label":135,"slug":136,"rank":115,"group":219},{"id":57,"label":58,"slug":59},[221,222],{"id":185,"title":186,"slug":187},{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":224},[],{"uuid":226,"title":160,"description":227,"canonical_path":4,"image":228,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":229,"component_categories":241,"app":244},"d1ef07ec-9956-493f-96fa-b603f6499802","Onboarding step where the user selects their programming languages from a grid of checkbox cards before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1ef07ec-9956-493f-96fa-b603f6499802.png",[230,232,234],{"id":174,"label":175,"slug":176,"rank":55,"group":231},{"id":170,"label":171,"slug":172},{"id":57,"label":135,"slug":136,"rank":57,"group":233},{"id":57,"label":58,"slug":59},{"id":235,"label":236,"slug":237,"rank":115,"group":238},23,"Select","select",{"id":115,"label":239,"slug":240},"Actions","actions",[242,243],{"id":185,"title":186,"slug":187},{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":245},[],{"uuid":247,"title":160,"description":248,"canonical_path":4,"image":249,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":250,"component_categories":257,"app":264},"119bf2e6-28ea-495f-9477-d6b879b8a53c","Onboarding step where the user selects their preferred programming languages from a grid of options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F119bf2e6-28ea-495f-9477-d6b879b8a53c.png",[251,253,255],{"id":174,"label":175,"slug":176,"rank":55,"group":252},{"id":170,"label":171,"slug":172},{"id":235,"label":236,"slug":237,"rank":57,"group":254},{"id":115,"label":239,"slug":240},{"id":179,"label":180,"slug":181,"rank":115,"group":256},{"id":170,"label":171,"slug":172},[258,262,263],{"id":259,"title":260,"slug":261},174,"Card","card",{"id":185,"title":186,"slug":187},{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":265},[],{"uuid":267,"title":160,"description":268,"canonical_path":4,"image":269,"width":46,"height":47,"image_alt":163,"kind":49,"patterns":270,"component_categories":280,"app":284},"b27cdfb1-7ad5-482c-8482-303e1988fcd7","Onboarding step where the user selects the frontend frameworks they use, such as React, Vue.js, or Angular, from a grid of selectable cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb27cdfb1-7ad5-482c-8482-303e1988fcd7.png",[271,273,275],{"id":174,"label":175,"slug":176,"rank":55,"group":272},{"id":170,"label":171,"slug":172},{"id":235,"label":236,"slug":237,"rank":57,"group":274},{"id":115,"label":239,"slug":240},{"id":276,"label":277,"slug":278,"rank":115,"group":279},74,"Onboarding Checklist","onboarding-checklist",{"id":170,"label":171,"slug":172},[281,282,283],{"id":259,"title":260,"slug":261},{"id":185,"title":186,"slug":187},{"id":62,"title":63,"slug":64},{"slug":31,"title":30,"logo":33,"categories":285},[],[],[288,290,292,294,296,298,300,302,304,306,308,310,312,315,318,321,324,326,330,334,338],{"label":175,"to":289},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":135,"to":291},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":236,"to":293},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":180,"to":295},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":121,"to":297},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":140,"to":299},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":116,"to":301},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":212,"to":303},"\u002Fexamples\u002Fscreens\u002Fform",{"label":98,"to":305},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":277,"to":307},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":53,"to":309},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":167,"to":311},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":313,"to":314},"Dopt marketing pages","\u002Fexamples\u002Fapps\u002Fdopt\u002Fmarketing",{"label":316,"to":317},"Dopt user flows","\u002Fexamples\u002Fapps\u002Fdopt\u002Fflows",{"label":319,"to":320},"Dopt UI components","\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents",{"label":322,"to":323},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":325,"to":18},"All SaaS app examples",{"label":327,"to":328,"description":329},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":331,"to":332,"description":333},"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":335,"to":336,"description":337},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":339,"to":340,"description":341},"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":343,"updated_at":344},"2023-11-06T14:44:26.000Z","2026-09-13T13:02:39.000Z"]