[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmailbrew\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":319,"links":320,"dates":381},"\u002Fexamples\u002Fapps\u002Fmailbrew\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mailbrew product screens examples - Nicelydone","Browse Mailbrew screen design examples. Preview the interface screenshots and explore related UI patterns. Your personal email digest","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_sign-in_60a1f54c_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},"Mailbrew design examples","\u002Fexamples\u002Fapps\u002Fmailbrew",{"label":23,"to":4},"Mailbrew 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},"Mailbrew","mailbrew","Your personal email digest","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailbrew-a9b13671.png","https:\u002F\u002Fmailbrew.com",[35,39,43],{"id":36,"title":37,"slug":38},30,"Productivity","productivity",{"id":40,"title":41,"slug":42},2,"Content Curation","content-curation",{"id":44,"title":45,"slug":46},27,"Email Newsletters","email-newsletters",[48,76,102,116,134,166,180,207,225,252,271,295],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":74},"a07cc654-b418-4822-9d4e-7297b3e28f20","Login | Mailbrew.png","Sign-in screen where the user authenticates with an email and password or via Twitter OAuth.",3072,1716,"Login | Mailbrew.png from Mailbrew","screen",[57],{"id":40,"label":58,"slug":59,"rank":60,"group":61},"Forgot Password","forgot-password",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66,70],{"id":67,"title":68,"slug":69},174,"Card","card",{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":52,"height":81,"image_alt":82,"kind":55,"patterns":83,"component_categories":97,"app":100},"9f6af611-5f23-46d7-b3ba-a45ec62ff6d6","Signup | Mailbrew.png","Signup screen where the user encounters inline validation errors indicating their chosen email and username are already registered.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_sign-up_2b2ed8d4_nicelydone.png",1654,"Signup | Mailbrew.png from Mailbrew",[84,89],{"id":85,"label":86,"slug":87,"rank":60,"group":88},5,"Sign Up","sign-up",{"id":62,"label":63,"slug":64},{"id":90,"label":91,"slug":92,"rank":62,"group":93},116,"Error","error",{"id":94,"label":95,"slug":96},12,"States & Feedback","states-and-feedback",[98,99],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":52,"height":81,"image_alt":107,"kind":55,"patterns":108,"component_categories":111,"app":114},"8a416987-d85b-4c09-95a0-c60c8af8aef5","Signup | Mailbrew 5.png","Signup screen where the user enters their name, email, and username to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_sign-up_f2b94b29_nicelydone.png","Signup | Mailbrew 5.png from Mailbrew",[109],{"id":85,"label":86,"slug":87,"rank":60,"group":110},{"id":62,"label":63,"slug":64},[112,113],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":52,"height":81,"image_alt":121,"kind":55,"patterns":122,"component_categories":129,"app":132},"69cf90f9-a119-40fa-80ef-5843a04a8837","Signup | Mailbrew 3.png","Signup step where the user is asked optional questions about their role and how they discovered the product before completing registration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_sign-up_onboarding_b3a70969_nicelydone.png","Signup | Mailbrew 3.png from Mailbrew",[123,125],{"id":85,"label":86,"slug":87,"rank":60,"group":124},{"id":62,"label":63,"slug":64},{"id":62,"label":126,"slug":127,"rank":62,"group":128},"Account Setup","account-setup",{"id":62,"label":63,"slug":64},[130,131],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":52,"height":81,"image_alt":139,"kind":55,"patterns":140,"component_categories":161,"app":164},"0dc570cc-8202-42ee-b6de-36d7d64e19ab","What are your interests? | Mailbrew","Onboarding step where the user selects topics of interest like Productivity, Tech, and Design to personalize their digest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_804b7f30_nicelydone.png","What are your interests? | Mailbrew from Mailbrew",[141,149,156],{"id":142,"label":143,"slug":144,"rank":60,"group":145},74,"Onboarding Checklist","onboarding-checklist",{"id":146,"label":147,"slug":148},7,"Onboarding & Education","onboarding-and-education",{"id":150,"label":151,"slug":152,"rank":62,"group":153},23,"Select","select",{"id":40,"label":154,"slug":155},"Actions","actions",{"id":157,"label":158,"slug":159,"rank":40,"group":160},72,"Getting Started","getting-started",{"id":146,"label":147,"slug":148},[162,163],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":136,"description":168,"canonical_path":4,"image":169,"width":52,"height":81,"image_alt":139,"kind":55,"patterns":170,"component_categories":175,"app":178},"1c4e8539-53cf-40ee-83c0-757c1a020181","Onboarding step where the user selects their interests from a grid of topic pills to personalize their digest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_a6ddf135_nicelydone.png",[171,173],{"id":142,"label":143,"slug":144,"rank":60,"group":172},{"id":146,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":62,"group":174},{"id":40,"label":154,"slug":155},[176,177],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":52,"height":81,"image_alt":185,"kind":55,"patterns":186,"component_categories":202,"app":205},"383dd6ec-ce2c-4341-b728-e072a7e0d510","Blogs | Mailbrew","Onboarding step where the user searches for or selects suggested websites and blogs to follow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_bb6107b0_nicelydone.png","Blogs | Mailbrew from Mailbrew",[187,189,194,199],{"id":142,"label":143,"slug":144,"rank":60,"group":188},{"id":146,"label":147,"slug":148},{"id":190,"label":191,"slug":192,"rank":62,"group":193},22,"Search","search",{"id":40,"label":154,"slug":155},{"id":195,"label":196,"slug":197,"rank":40,"group":198},14,"Follow","follow",{"id":40,"label":154,"slug":155},{"id":150,"label":151,"slug":152,"rank":200,"group":201},3,{"id":40,"label":154,"slug":155},[203,204],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":182,"description":209,"canonical_path":4,"image":210,"width":52,"height":81,"image_alt":185,"kind":55,"patterns":211,"component_categories":220,"app":223},"f1f1706e-5d8e-4fce-af51-1094d196f159","Onboarding step where the user searches for and selects favorite websites and blogs to follow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_fca64eb6_nicelydone.png",[212,214,216,218],{"id":142,"label":143,"slug":144,"rank":60,"group":213},{"id":146,"label":147,"slug":148},{"id":190,"label":191,"slug":192,"rank":62,"group":215},{"id":40,"label":154,"slug":155},{"id":150,"label":151,"slug":152,"rank":40,"group":217},{"id":40,"label":154,"slug":155},{"id":195,"label":196,"slug":197,"rank":200,"group":219},{"id":40,"label":154,"slug":155},[221,222],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":182,"description":183,"canonical_path":4,"image":227,"width":52,"height":81,"image_alt":185,"kind":55,"patterns":228,"component_categories":243,"app":250},"80c29a02-a3a0-4e5b-a331-79d13569724f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_e7daf02d_nicelydone.png",[229,231,233,235],{"id":142,"label":143,"slug":144,"rank":60,"group":230},{"id":146,"label":147,"slug":148},{"id":190,"label":191,"slug":192,"rank":62,"group":232},{"id":40,"label":154,"slug":155},{"id":195,"label":196,"slug":197,"rank":40,"group":234},{"id":40,"label":154,"slug":155},{"id":236,"label":237,"slug":238,"rank":200,"group":239},79,"Browse","browse",{"id":240,"label":241,"slug":242},8,"Pages & Content","pages-and-content",[244,248,249],{"id":245,"title":246,"slug":247},169,"Avatar","avatar",{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":254,"description":255,"canonical_path":4,"image":256,"width":52,"height":81,"image_alt":257,"kind":55,"patterns":258,"component_categories":265,"app":269},"af886ce5-858a-4546-81ba-64a096b72234","Reddit | Mailbrew","Onboarding step where the user searches for and selects subreddits to add to their daily digest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_ab65675e_nicelydone.png","Reddit | Mailbrew from Mailbrew",[259,261,263],{"id":142,"label":143,"slug":144,"rank":60,"group":260},{"id":146,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":62,"group":262},{"id":40,"label":154,"slug":155},{"id":190,"label":191,"slug":192,"rank":40,"group":264},{"id":40,"label":154,"slug":155},[266,267,268],{"id":245,"title":246,"slug":247},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":273,"description":274,"canonical_path":4,"image":275,"width":52,"height":81,"image_alt":276,"kind":55,"patterns":277,"component_categories":290,"app":293},"b6a21eac-86ff-49a9-9e3d-625f0299fee7","Your Twitter Digest | Mailbrew","Onboarding step where the user is prompted to connect their Twitter account to include top tweets in their digest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_86b6d1a3_nicelydone.png","Your Twitter Digest | Mailbrew from Mailbrew",[278,280,282],{"id":62,"label":126,"slug":127,"rank":60,"group":279},{"id":62,"label":63,"slug":64},{"id":142,"label":143,"slug":144,"rank":62,"group":281},{"id":146,"label":147,"slug":148},{"id":283,"label":284,"slug":285,"rank":40,"group":286},97,"Integrations","integrations",{"id":287,"label":288,"slug":289},10,"Settings & Admin","settings-and-admin",[291,292],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":294},[],{"uuid":296,"title":297,"description":298,"canonical_path":4,"image":299,"width":52,"height":81,"image_alt":300,"kind":55,"patterns":301,"component_categories":309,"app":317},"046866c7-9d34-47a6-a47a-acf752fb3587","Inbox | Mailbrew","Onboarding step where the user configures their Mailbrew inbox address to receive newsletters in their daily digest.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmailbrew_onboarding_e5fef820_nicelydone.png","Inbox | Mailbrew from Mailbrew",[302,304],{"id":142,"label":143,"slug":144,"rank":60,"group":303},{"id":146,"label":147,"slug":148},{"id":305,"label":306,"slug":307,"rank":62,"group":308},77,"Welcome","welcome",{"id":146,"label":147,"slug":148},[310,314,315,316],{"id":311,"title":312,"slug":313},260,"Badge","badge",{"id":245,"title":246,"slug":247},{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":318},[],[],[321,323,325,327,329,331,333,335,337,339,341,343,345,348,351,354,357,360,363,365,369,373,377],{"label":143,"to":322},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":151,"to":324},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":191,"to":326},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":196,"to":328},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":86,"to":330},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":126,"to":332},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":237,"to":334},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":91,"to":336},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":58,"to":338},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":158,"to":340},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":284,"to":342},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":306,"to":344},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":346,"to":347},"Mailbrew marketing pages","\u002Fexamples\u002Fapps\u002Fmailbrew\u002Fmarketing",{"label":349,"to":350},"Mailbrew user flows","\u002Fexamples\u002Fapps\u002Fmailbrew\u002Fflows",{"label":352,"to":353},"Mailbrew UI components","\u002Fexamples\u002Fapps\u002Fmailbrew\u002Fcomponents",{"label":355,"to":356},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":358,"to":359},"Content Curation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcontent-curation",{"label":361,"to":362},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":364,"to":18},"All SaaS app examples",{"label":366,"to":367,"description":368},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":370,"to":371,"description":372},"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":374,"to":375,"description":376},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":378,"to":379,"description":380},"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":382,"updated_at":383},"2020-12-16T19:50:00.000Z","2026-09-13T13:02:39.000Z"]