[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdraftbit\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":156,"links":157,"dates":206},"\u002Fexamples\u002Fapps\u002Fdraftbit\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Draftbit product screens examples - Nicelydone","Browse Draftbit screen design examples. Preview the interface screenshots and explore related UI patterns. Visually build native mobile apps","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdraftbit_draftbit-app-builder-2_80970030_nicelydone.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},"Draftbit design examples","\u002Fexamples\u002Fapps\u002Fdraftbit",{"label":23,"to":4},"Draftbit 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},"Draftbit","draftbit","Visually build native mobile apps","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdraftbit-fae3a77d.png","https:\u002F\u002Fdraftbit.com",[35,39,43,47],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},54,"Mobile","mobile",{"id":44,"title":45,"slug":46},48,"Developer Tools","developer-tools",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,77,93,126],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"48845939-2460-4738-b114-dbce906b714c","Sign in","Sign-in screen where the user authenticates with their email and password to access their account.",2880,1534,"Sign in from Draftbit","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":56,"height":57,"image_alt":82,"kind":59,"patterns":83,"component_categories":89,"app":91},"1e5401d9-7836-46d2-9158-9e2376220361","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdraftbit_draftbit-app-builder_59c1c9b9_nicelydone.png","Password reset from Draftbit",[84],{"id":85,"label":86,"slug":87,"rank":65,"group":88},2,"Forgot Password","forgot-password",{"id":67,"label":68,"slug":69},[90],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":56,"height":98,"image_alt":99,"kind":59,"patterns":100,"component_categories":114,"app":124},"99d55012-d774-416e-a06e-a4522bbee76f","Sign up","Landing page where the user is prompted by a modal overlay to enter their email to join the waitlist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdraftbit_draftbit-visually-build-native-mobile-apps_21b167bf_nicelydone.png",1654,"Sign up from Draftbit",[101,106],{"id":102,"label":103,"slug":104,"rank":65,"group":105},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},{"id":107,"label":108,"slug":109,"rank":67,"group":110},121,"Request Access","request-access",{"id":111,"label":112,"slug":113},12,"States & Feedback","states-and-feedback",[115,119,123],{"id":116,"title":117,"slug":118},284,"Modal","modal",{"id":120,"title":121,"slug":122},258,"Header","header",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":95,"description":128,"canonical_path":4,"image":129,"width":56,"height":130,"image_alt":99,"kind":59,"patterns":131,"component_categories":144,"app":154},"ef982474-34ee-4644-a947-2fd4998f212d","Waitlist confirmation page where the user is informed of their status and prompted to complete a short survey to get access faster.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdraftbit_draftbit-thank-you-for-signing-up_6ab7deb6_nicelydone.png",2144,[132,137,142],{"id":133,"label":134,"slug":135,"rank":65,"group":136},122,"Success","success",{"id":111,"label":112,"slug":113},{"id":138,"label":139,"slug":140,"rank":67,"group":141},117,"Feedback","feedback",{"id":111,"label":112,"slug":113},{"id":107,"label":108,"slug":109,"rank":85,"group":143},{"id":111,"label":112,"slug":113},[145,149,153],{"id":146,"title":147,"slug":148},260,"Badge","badge",{"id":150,"title":151,"slug":152},202,"Footer","footer",{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":155},[],[],[158,160,162,164,166,168,170,173,176,179,182,185,188,190,194,198,202],{"label":108,"to":159},"\u002Fexamples\u002Fscreens\u002Frequest-access",{"label":139,"to":161},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":86,"to":163},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":63,"to":165},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":103,"to":167},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":134,"to":169},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":171,"to":172},"Draftbit marketing pages","\u002Fexamples\u002Fapps\u002Fdraftbit\u002Fmarketing",{"label":174,"to":175},"Draftbit user flows","\u002Fexamples\u002Fapps\u002Fdraftbit\u002Fflows",{"label":177,"to":178},"Draftbit UI components","\u002Fexamples\u002Fapps\u002Fdraftbit\u002Fcomponents",{"label":180,"to":181},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":183,"to":184},"Mobile app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmobile",{"label":186,"to":187},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":189,"to":18},"All SaaS app examples",{"label":191,"to":192,"description":193},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":195,"to":196,"description":197},"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":199,"to":200,"description":201},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":203,"to":204,"description":205},"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":207,"updated_at":208},"2020-11-23T21:10:00.000Z","2026-09-13T13:02:39.000Z"]