[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":306,"links":307,"dates":350},"\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Google Mail product screens examples - Nicelydone","Browse Google Mail screen design examples. Preview the interface screenshots and explore related UI patterns. Free, Private & Secure Email","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60c7e1c1-4273-475a-980e-637918dcb940.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},"Google Mail design examples","\u002Fexamples\u002Fapps\u002Fgoogle-gmail",{"label":23,"to":4},"Google Mail 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},"Google Mail","google-gmail","Free, Private & Secure Email","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgoogle-15c9c9e1.png","https:\u002F\u002Fgmail.com",[35],{"id":36,"title":37,"slug":38},92,"Email","email",[40,86,119,135,155,178,201,219,236,252,268,287],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":67,"app":84},"60c7e1c1-4273-475a-980e-637918dcb940","Inbox - nicelydoneproducts@gmail.com - Gmail","Email inbox where the user's Primary tab is empty, showing a left sidebar for navigation and a top search bar.",3072,1716,"Inbox - nicelydoneproducts@gmail.com - Gmail from Google Mail","screen",[49,58],{"id":50,"label":51,"slug":52,"rank":53,"group":54},115,"Empty State","empty-state",0,{"id":55,"label":56,"slug":57},12,"States & Feedback","states-and-feedback",{"id":59,"label":60,"slug":61,"rank":62,"group":63},109,"Messages","messages",1,{"id":64,"label":65,"slug":66},11,"Social & Collaboration","social-and-collaboration",[68,72,76,80],{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},175,"Button","button",{"id":81,"title":82,"slug":83},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":42,"description":88,"canonical_path":4,"image":89,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":90,"component_categories":104,"app":117},"59c2bf0c-17af-4e77-9124-8aa19c6bdeef","Email inbox where the primary tab is empty and a new message composer is open with an onboarding popover explaining the schedule send feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59c2bf0c-17af-4e77-9124-8aa19c6bdeef.png",[91,93,95],{"id":59,"label":60,"slug":61,"rank":53,"group":92},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":94},{"id":55,"label":56,"slug":57},{"id":96,"label":97,"slug":98,"rank":99,"group":100},27,"AI Assistant","ai-assistant",2,{"id":101,"label":102,"slug":103},3,"AI","ai",[105,109,113,114,115,116],{"id":106,"title":107,"slug":108},214,"Popover","popover",{"id":110,"title":111,"slug":112},277,"Button group","button-group",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":42,"description":121,"canonical_path":4,"image":122,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":123,"component_categories":128,"app":133},"42879d0b-26e7-4ab2-b5a3-9efd947c6e75","An empty email inbox view with a new message composer floating in the bottom right corner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42879d0b-26e7-4ab2-b5a3-9efd947c6e75.png",[124,126],{"id":50,"label":51,"slug":52,"rank":53,"group":125},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":127},{"id":64,"label":65,"slug":66},[129,130,131,132],{"id":110,"title":111,"slug":112},{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":42,"description":137,"canonical_path":4,"image":138,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":139,"component_categories":144,"app":153},"9369326f-acd9-4909-beb4-7e088be5bcdc","Email inbox where the user is drafting a new message to a contact while the primary tab is empty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9369326f-acd9-4909-beb4-7e088be5bcdc.png",[140,142],{"id":59,"label":60,"slug":61,"rank":53,"group":141},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":143},{"id":55,"label":56,"slug":57},[145,149,150,151,152],{"id":146,"title":147,"slug":148},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":42,"description":157,"canonical_path":4,"image":158,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":159,"component_categories":171,"app":176},"2a7a59c1-0111-4b29-8044-bb88e8ee715f","Email inbox showing an empty primary tab with a floating new message composer open in the bottom right corner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a7a59c1-0111-4b29-8044-bb88e8ee715f.png",[160,162,164],{"id":59,"label":60,"slug":61,"rank":53,"group":161},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":163},{"id":55,"label":56,"slug":57},{"id":165,"label":166,"slug":167,"rank":99,"group":168},25,"Upload & Download","upload-and-download",{"id":99,"label":169,"slug":170},"Actions","actions",[172,173,174,175],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":42,"description":180,"canonical_path":4,"image":181,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":182,"component_categories":192,"app":199},"b1729546-6a98-42d4-b494-9e9f7c6649c0","Email inbox where the user is drafting a new message over an empty primary tab.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1729546-6a98-42d4-b494-9e9f7c6649c0.png",[183,185,187],{"id":59,"label":60,"slug":61,"rank":53,"group":184},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":186},{"id":55,"label":56,"slug":57},{"id":188,"label":189,"slug":190,"rank":99,"group":191},106,"Comments","comments",{"id":64,"label":65,"slug":66},[193,194,195,196,197,198],{"id":110,"title":111,"slug":112},{"id":146,"title":147,"slug":148},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":42,"description":203,"canonical_path":4,"image":204,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":205,"component_categories":210,"app":217},"14b9d200-a0fa-43df-a3f2-ede0759e4ba0","Email inbox where the user is drafting a new message in a floating composer over an empty primary tab.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14b9d200-a0fa-43df-a3f2-ede0759e4ba0.png",[206,208],{"id":59,"label":60,"slug":61,"rank":53,"group":207},{"id":64,"label":65,"slug":66},{"id":165,"label":166,"slug":167,"rank":62,"group":209},{"id":99,"label":169,"slug":170},[211,212,213,214,215,216],{"id":110,"title":111,"slug":112},{"id":146,"title":147,"slug":148},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":42,"description":221,"canonical_path":4,"image":222,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":223,"component_categories":228,"app":234},"5d0c7d8f-38fe-4979-8401-76c172fb7afe","Email inbox where the user is drafting a new message while the primary tab is empty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d0c7d8f-38fe-4979-8401-76c172fb7afe.png",[224,226],{"id":50,"label":51,"slug":52,"rank":53,"group":225},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":227},{"id":64,"label":65,"slug":66},[229,230,231,232,233],{"id":146,"title":147,"slug":148},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":42,"description":238,"canonical_path":4,"image":239,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":240,"component_categories":245,"app":250},"9a6e8b54-b9db-43e2-b9d2-1984195d6d5c","Email inbox showing an empty primary tab with a floating rich-text compose window open for drafting a new message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a6e8b54-b9db-43e2-b9d2-1984195d6d5c.png",[241,243],{"id":50,"label":51,"slug":52,"rank":53,"group":242},{"id":55,"label":56,"slug":57},{"id":59,"label":60,"slug":61,"rank":62,"group":244},{"id":64,"label":65,"slug":66},[246,247,248,249],{"id":146,"title":147,"slug":148},{"id":73,"title":74,"slug":75},{"id":81,"title":82,"slug":83},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":42,"description":254,"canonical_path":4,"image":255,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":256,"component_categories":259,"app":266},"30723bd4-823d-48ed-80e2-b8f4476f1f57","Email inbox where the user is drafting a new message in a floating composer window over an empty primary tab.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30723bd4-823d-48ed-80e2-b8f4476f1f57.png",[257],{"id":59,"label":60,"slug":61,"rank":53,"group":258},{"id":64,"label":65,"slug":66},[260,261,262,263,264,265],{"id":110,"title":111,"slug":112},{"id":146,"title":147,"slug":148},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":42,"description":270,"canonical_path":4,"image":271,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":272,"component_categories":279,"app":285},"0e284c27-b088-4f17-a85b-5fe705baf512","Inbox view showing an empty Primary tab while the user drafts a new message in a floating email composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e284c27-b088-4f17-a85b-5fe705baf512.png",[273,275,277],{"id":59,"label":60,"slug":61,"rank":53,"group":274},{"id":64,"label":65,"slug":66},{"id":50,"label":51,"slug":52,"rank":62,"group":276},{"id":55,"label":56,"slug":57},{"id":165,"label":166,"slug":167,"rank":99,"group":278},{"id":99,"label":169,"slug":170},[280,281,282,283,284],{"id":146,"title":147,"slug":148},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":42,"description":289,"canonical_path":4,"image":290,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":291,"component_categories":296,"app":304},"1c928f22-3c6f-41d3-9262-395fb47734ad","Inbox view where the user is adding a hyperlink to an email draft via an edit link modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c928f22-3c6f-41d3-9262-395fb47734ad.png",[292],{"id":64,"label":293,"slug":294,"rank":53,"group":295},"Edit","edit",{"id":99,"label":169,"slug":170},[297,301,302,303],{"id":298,"title":299,"slug":300},284,"Modal","modal",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":305},[],[],[308,310,312,314,316,318,320,323,326,329,332,334,338,342,346],{"label":60,"to":309},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":51,"to":311},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":166,"to":313},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":97,"to":315},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":189,"to":317},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":293,"to":319},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":321,"to":322},"Google Mail marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fmarketing",{"label":324,"to":325},"Google Mail user flows","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fflows",{"label":327,"to":328},"Google Mail UI components","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fcomponents",{"label":330,"to":331},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"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":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"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":351,"updated_at":352},"2022-02-06T19:02:43.000Z","2026-09-13T13:02:39.000Z"]