[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdopt\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":284,"links":285,"dates":324},"\u002Fexamples\u002Fapps\u002Fdopt\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Dopt marketing pages examples - Nicelydone","Explore Dopt website design examples. Preview marketing pages and browse related SaaS page designs. Ship self-serve product onboarding and education, your way","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd23008f3-4489-49d4-9d71-bc5e30c2f838.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 marketing pages 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},"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",[36],{"id":37,"title":38,"slug":39},96,"No code","no-code",[41,86,106,120,135,156,170,183,200,215,237,263],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":84},"d23008f3-4489-49d4-9d71-bc5e30c2f838","Dopt — Ship self-serve product onboarding and education, your way","Landing page for a developer-focused product adoption platform, featuring code snippets, interactive component previews, and customer testimonials.",3024,18278,"Dopt — Ship self-serve product onboarding and education, your way from Dopt","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},136,"Landing Page","landing-page",0,{"id":56,"label":57,"slug":58},15,"Marketing Page Types","marketing-page-types",[60,64,68,72,76,80],{"id":61,"title":62,"slug":63},298,"Bento box","bento-grid",{"id":65,"title":66,"slug":67},232,"Testimonial","testimonial",{"id":69,"title":70,"slug":71},202,"Footer","footer",{"id":73,"title":74,"slug":75},258,"Header","header",{"id":77,"title":78,"slug":79},260,"Badge","badge",{"id":81,"title":82,"slug":83},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":43,"description":88,"canonical_path":4,"image":89,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":91,"component_categories":94,"app":104},"5dad9f79-1942-4ae6-9b7c-38471599ceed","Landing page hero section offering developers a component library for onboarding, featuring an open product dropdown and a code-to-UI preview graphic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5dad9f79-1942-4ae6-9b7c-38471599ceed.png",1792,[92],{"id":51,"label":52,"slug":53,"rank":54,"group":93},{"id":56,"label":57,"slug":58},[95,99,100],{"id":96,"title":97,"slug":98},174,"Card","card",{"id":73,"title":74,"slug":75},{"id":101,"title":102,"slug":103},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":43,"description":108,"canonical_path":4,"image":109,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":110,"component_categories":113,"app":118},"a0a4ce9e-006d-4c72-afde-839b6718954a","Landing page hero section for a developer tool featuring an open navigation dropdown and a side-by-side preview of a product interface and its underlying code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0a4ce9e-006d-4c72-afde-839b6718954a.png",[111],{"id":51,"label":52,"slug":53,"rank":54,"group":112},{"id":56,"label":57,"slug":58},[114,115,116,117],{"id":96,"title":97,"slug":98},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":43,"description":122,"canonical_path":4,"image":123,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":124,"component_categories":127,"app":133},"cb7363ed-1fcd-4243-901b-2b99e52c784f","Landing page hero section pitching a developer-focused onboarding platform with a launch week banner, an open resources dropdown, and a product preview showing a setup guide and code snippet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb7363ed-1fcd-4243-901b-2b99e52c784f.png",[125],{"id":51,"label":52,"slug":53,"rank":54,"group":126},{"id":56,"label":57,"slug":58},[128,132],{"id":129,"title":130,"slug":131},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":43,"description":137,"canonical_path":4,"image":138,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":139,"component_categories":142,"app":154},"fa320ef6-db53-44a8-8645-41fa97bae20a","Landing page section highlighting the onboarding capabilities with an interactive tab menu and a product screenshot of a step-by-step setup guide.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa320ef6-db53-44a8-8645-41fa97bae20a.png",[140],{"id":51,"label":52,"slug":53,"rank":54,"group":141},{"id":56,"label":57,"slug":58},[143,147,151,152,153],{"id":144,"title":145,"slug":146},169,"Avatar","avatar",{"id":148,"title":149,"slug":150},168,"Accordion","accordion",{"id":96,"title":97,"slug":98},{"id":81,"title":82,"slug":83},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":43,"description":158,"canonical_path":4,"image":159,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":160,"component_categories":166,"app":168},"0530be8a-aeac-451b-84c1-1900123727fc","Feature page section where the user clicks through tabs like Setup, Onboarding, and Adoption to see how the platform supports different stages of the user journey, currently displaying Adoption features alongside a product screenshot of an in-app banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0530be8a-aeac-451b-84c1-1900123727fc.png",[161],{"id":162,"label":163,"slug":164,"rank":54,"group":165},138,"Feature Page","feature-page",{"id":56,"label":57,"slug":58},[167],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":43,"description":172,"canonical_path":4,"image":173,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":174,"component_categories":177,"app":181},"64846fb4-4dad-4ce3-a746-3505742e999c","Feature page section highlighting engagement tools with an interactive product mockup showing a behavior-based tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64846fb4-4dad-4ce3-a746-3505742e999c.png",[175],{"id":162,"label":163,"slug":164,"rank":54,"group":176},{"id":56,"label":57,"slug":58},[178,179,180],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":43,"description":185,"canonical_path":4,"image":186,"width":45,"height":90,"image_alt":47,"kind":48,"patterns":187,"component_categories":190,"app":198},"641e73ea-44e7-4c15-b2fb-4d96263770ce","Landing page section where the user clicks through tabs like Setup and Announcements to view features like modals, banners, and slideouts alongside a product mockup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F641e73ea-44e7-4c15-b2fb-4d96263770ce.png",[188],{"id":51,"label":52,"slug":53,"rank":54,"group":189},{"id":56,"label":57,"slug":58},[191,195,196,197],{"id":192,"title":193,"slug":194},284,"Modal","modal",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":45,"height":90,"image_alt":205,"kind":48,"patterns":206,"component_categories":212,"app":213},"fb0c263b-89a5-483d-ae66-a4d3df929d76","404 This page could not be found","Error page where a minimalist 404 message indicates the requested page could not be found.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb0c263b-89a5-483d-ae66-a4d3df929d76.png","404 This page could not be found from Dopt",[207],{"id":208,"label":209,"slug":210,"rank":54,"group":211},187,"404 Page","404-page",{"id":56,"label":57,"slug":58},[],{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":45,"height":220,"image_alt":221,"kind":48,"patterns":222,"component_categories":225,"app":235},"deaa60a7-dec6-449c-a626-8e70154d3c34","Onboarding and education component library — Dopt","Feature page showcasing a React component library for product onboarding, displaying visual previews of checklists, tours, modals, and hints alongside a headless integration code snippet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdeaa60a7-dec6-449c-a626-8e70154d3c34.png",9668,"Onboarding and education component library — Dopt from Dopt",[223],{"id":162,"label":163,"slug":164,"rank":54,"group":224},{"id":56,"label":57,"slug":58},[226,230,231,232,233,234],{"id":227,"title":228,"slug":229},214,"Popover","popover",{"id":192,"title":193,"slug":194},{"id":69,"title":70,"slug":71},{"id":96,"title":97,"slug":98},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":236},[],{"uuid":238,"title":239,"description":240,"canonical_path":4,"image":241,"width":45,"height":242,"image_alt":243,"kind":48,"patterns":244,"component_categories":250,"app":261},"e28cdb04-62f1-4f03-9bc4-67c2eb6a15ad","Creating targeting rules — Dopt","Documentation page explaining how to configure targeting rules for a flow, including expression targeting and manual user entry via SDKs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe28cdb04-62f1-4f03-9bc4-67c2eb6a15ad.png",5148,"Creating targeting rules — Dopt from Dopt",[245],{"id":246,"label":247,"slug":248,"rank":54,"group":249},177,"Developer Portal","developer-portal",{"id":56,"label":57,"slug":58},[251,254,258,259,260],{"id":246,"title":252,"slug":253},"Breadcrumb","breadcrumb",{"id":255,"title":256,"slug":257},211,"Pagination","pagination",{"id":148,"title":149,"slug":150},{"id":81,"title":82,"slug":83},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":265,"description":266,"canonical_path":4,"image":267,"width":45,"height":268,"image_alt":269,"kind":48,"patterns":270,"component_categories":273,"app":282},"1ae10052-85ac-458f-bc9c-305cd8b7085c","README — Dopt","Developer documentation page providing installation instructions, configuration details, and code examples for the Vue SDK.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae10052-85ac-458f-bc9c-305cd8b7085c.png",18592,"README — Dopt from Dopt",[271],{"id":246,"label":247,"slug":248,"rank":54,"group":272},{"id":56,"label":57,"slug":58},[274,278,279,280,281],{"id":275,"title":276,"slug":277},167,"Alert","alert",{"id":246,"title":252,"slug":253},{"id":255,"title":256,"slug":257},{"id":148,"title":149,"slug":150},{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":283},[],[],[286,288,290,292,294,297,300,303,306,308,312,316,320],{"label":52,"to":287},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":163,"to":289},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":247,"to":291},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":209,"to":293},"\u002Fexamples\u002Fpages\u002F404-page",{"label":295,"to":296},"Dopt product screens","\u002Fexamples\u002Fapps\u002Fdopt\u002Fscreens",{"label":298,"to":299},"Dopt user flows","\u002Fexamples\u002Fapps\u002Fdopt\u002Fflows",{"label":301,"to":302},"Dopt UI components","\u002Fexamples\u002Fapps\u002Fdopt\u002Fcomponents",{"label":304,"to":305},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":307,"to":18},"All SaaS app examples",{"label":309,"to":310,"description":311},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":313,"to":314,"description":315},"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":317,"to":318,"description":319},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":321,"to":322,"description":323},"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":325,"updated_at":326},"2023-11-06T14:44:17.000Z","2026-09-13T13:02:39.000Z"]