[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdopt":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":310,"dates":340},"\u002Fexamples\u002Fapps\u002Fdopt","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dopt design examples - Nicelydone","Explore Dopt UI design examples. Ship self-serve product onboarding and education, your way","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f6fd042-4506-4a11-8167-667c8bf5832d.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dopt design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dopt",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdopt\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdopt\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fdopt\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48],{"id":49,"title":50,"slug":51},96,"No code","no-code",[],[54,301,304,307],{"family":55,"examples":56},"screens",[57,82,101,122,143,162,173,206,218,240,261,281],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":80},"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",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},5,"Sign Up","sign-up",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":29,"image":86,"width":61,"height":87,"image_alt":88,"kind":64,"patterns":89,"component_categories":98,"app":99},"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",[90],{"id":91,"label":92,"slug":93,"rank":70,"group":94},78,"Article","article",{"id":95,"label":96,"slug":97},15,"Marketing Page Types","marketing-page-types",[],{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":29,"image":105,"width":61,"height":106,"image_alt":107,"kind":64,"patterns":108,"component_categories":119,"app":120},"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",[109,111],{"id":91,"label":92,"slug":93,"rank":70,"group":110},{"id":95,"label":96,"slug":97},{"id":112,"label":113,"slug":114,"rank":72,"group":115},119,"Info","info",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":29,"image":126,"width":61,"height":62,"image_alt":127,"kind":64,"patterns":128,"component_categories":139,"app":141},"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",[129,134],{"id":130,"label":131,"slug":132,"rank":70,"group":133},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},{"id":135,"label":136,"slug":137,"rank":72,"group":138},114,"Confirmation","confirmation",{"id":116,"label":117,"slug":118},[140],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":142},[],{"uuid":144,"title":41,"description":145,"canonical_path":29,"image":146,"width":61,"height":62,"image_alt":147,"kind":64,"patterns":148,"component_categories":158,"app":160},"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",[149,153],{"id":72,"label":150,"slug":151,"rank":70,"group":152},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},{"id":154,"label":155,"slug":156,"rank":72,"group":157},116,"Error","error",{"id":116,"label":117,"slug":118},[159],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":161},[],{"uuid":163,"title":41,"description":164,"canonical_path":29,"image":165,"width":61,"height":62,"image_alt":147,"kind":64,"patterns":166,"component_categories":169,"app":171},"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",[167],{"id":72,"label":150,"slug":151,"rank":70,"group":168},{"id":72,"label":73,"slug":74},[170],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":29,"image":177,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":179,"component_categories":198,"app":204},"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",[180,188,193],{"id":181,"label":182,"slug":183,"rank":70,"group":184},77,"Welcome","welcome",{"id":185,"label":186,"slug":187},7,"Onboarding & Education","onboarding-and-education",{"id":189,"label":190,"slug":191,"rank":72,"group":192},75,"Setup Wizard","setup-wizard",{"id":185,"label":186,"slug":187},{"id":194,"label":195,"slug":196,"rank":130,"group":197},72,"Getting Started","getting-started",{"id":185,"label":186,"slug":187},[199,203],{"id":200,"title":201,"slug":202},227,"Stepper","stepper",{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":205},[],{"uuid":207,"title":175,"description":208,"canonical_path":29,"image":209,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":210,"component_categories":213,"app":216},"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",[211],{"id":189,"label":190,"slug":191,"rank":70,"group":212},{"id":185,"label":186,"slug":187},[214,215],{"id":200,"title":201,"slug":202},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":217},[],{"uuid":219,"title":175,"description":220,"canonical_path":29,"image":221,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":222,"component_categories":235,"app":238},"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",[223,225,233],{"id":189,"label":190,"slug":191,"rank":70,"group":224},{"id":185,"label":186,"slug":187},{"id":226,"label":227,"slug":228,"rank":72,"group":229},42,"Form","form",{"id":230,"label":231,"slug":232},4,"Data & Analysis","data-and-analysis",{"id":72,"label":150,"slug":151,"rank":130,"group":234},{"id":72,"label":73,"slug":74},[236,237],{"id":200,"title":201,"slug":202},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":239},[],{"uuid":241,"title":175,"description":242,"canonical_path":29,"image":243,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":244,"component_categories":256,"app":259},"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",[245,247,249],{"id":189,"label":190,"slug":191,"rank":70,"group":246},{"id":185,"label":186,"slug":187},{"id":72,"label":150,"slug":151,"rank":72,"group":248},{"id":72,"label":73,"slug":74},{"id":250,"label":251,"slug":252,"rank":130,"group":253},23,"Select","select",{"id":130,"label":254,"slug":255},"Actions","actions",[257,258],{"id":200,"title":201,"slug":202},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":175,"description":263,"canonical_path":29,"image":264,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":265,"component_categories":272,"app":279},"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",[266,268,270],{"id":189,"label":190,"slug":191,"rank":70,"group":267},{"id":185,"label":186,"slug":187},{"id":250,"label":251,"slug":252,"rank":72,"group":269},{"id":130,"label":254,"slug":255},{"id":194,"label":195,"slug":196,"rank":130,"group":271},{"id":185,"label":186,"slug":187},[273,277,278],{"id":274,"title":275,"slug":276},174,"Card","card",{"id":200,"title":201,"slug":202},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":280},[],{"uuid":282,"title":175,"description":283,"canonical_path":29,"image":284,"width":61,"height":62,"image_alt":178,"kind":64,"patterns":285,"component_categories":295,"app":299},"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",[286,288,290],{"id":189,"label":190,"slug":191,"rank":70,"group":287},{"id":185,"label":186,"slug":187},{"id":250,"label":251,"slug":252,"rank":72,"group":289},{"id":130,"label":254,"slug":255},{"id":291,"label":292,"slug":293,"rank":130,"group":294},74,"Onboarding Checklist","onboarding-checklist",{"id":185,"label":186,"slug":187},[296,297,298],{"id":274,"title":275,"slug":276},{"id":200,"title":201,"slug":202},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":300},[],{"family":302,"examples":303},"flows",[],{"family":305,"examples":306},"components",[],{"family":308,"examples":309},"pages",[],[311,313,315,317,319,322,324,328,332,336],{"label":312,"to":29},"Dopt product screens",{"label":314,"to":38},"Dopt marketing pages",{"label":316,"to":32},"Dopt user flows",{"label":318,"to":35},"Dopt UI components",{"label":320,"to":321},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":323,"to":18},"All SaaS app examples",{"label":325,"to":326,"description":327},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":329,"to":330,"description":331},"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":333,"to":334,"description":335},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":337,"to":338,"description":339},"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":341,"updated_at":342},"2023-11-06T14:44:17.000Z","2026-09-26T12:10:01.000Z"]