[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-gmail":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":331,"dates":361},"\u002Fexamples\u002Fapps\u002Fgoogle-gmail","detail","apps",true,{"title":9,"description":10,"og_image":11},"Google Mail design examples - Nicelydone","Explore Google Mail UI design examples. Free, Private & Secure Email","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60c7e1c1-4273-475a-980e-637918dcb940.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Google Mail design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Google Mail",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Google Mail","google-gmail","Free, Private & Secure Email","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgoogle-15c9c9e1.png","https:\u002F\u002Fgmail.com",[47],{"id":48,"title":49,"slug":50},92,"Email","email",[],[53,322,325,328],{"family":54,"examples":55},"screens",[56,102,135,151,171,194,217,235,252,268,284,303],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":83,"app":100},"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",[65,74],{"id":66,"label":67,"slug":68,"rank":69,"group":70},115,"Empty State","empty-state",0,{"id":71,"label":72,"slug":73},12,"States & Feedback","states-and-feedback",{"id":75,"label":76,"slug":77,"rank":78,"group":79},109,"Messages","messages",1,{"id":80,"label":81,"slug":82},11,"Social & Collaboration","social-and-collaboration",[84,88,92,96],{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},169,"Avatar","avatar",{"id":93,"title":94,"slug":95},175,"Button","button",{"id":97,"title":98,"slug":99},233,"Tabs","tabs",{"slug":42,"title":41,"logo":44,"categories":101},[],{"uuid":103,"title":58,"description":104,"canonical_path":29,"image":105,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":106,"component_categories":120,"app":133},"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",[107,109,111],{"id":75,"label":76,"slug":77,"rank":69,"group":108},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":110},{"id":71,"label":72,"slug":73},{"id":112,"label":113,"slug":114,"rank":115,"group":116},27,"AI Assistant","ai-assistant",2,{"id":117,"label":118,"slug":119},3,"AI","ai",[121,125,129,130,131,132],{"id":122,"title":123,"slug":124},214,"Popover","popover",{"id":126,"title":127,"slug":128},277,"Button group","button-group",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":134},[],{"uuid":136,"title":58,"description":137,"canonical_path":29,"image":138,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":139,"component_categories":144,"app":149},"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",[140,142],{"id":66,"label":67,"slug":68,"rank":69,"group":141},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":143},{"id":80,"label":81,"slug":82},[145,146,147,148],{"id":126,"title":127,"slug":128},{"id":85,"title":86,"slug":87},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":58,"description":153,"canonical_path":29,"image":154,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":155,"component_categories":160,"app":169},"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",[156,158],{"id":75,"label":76,"slug":77,"rank":69,"group":157},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":159},{"id":71,"label":72,"slug":73},[161,165,166,167,168],{"id":162,"title":163,"slug":164},260,"Badge","badge",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":170},[],{"uuid":172,"title":58,"description":173,"canonical_path":29,"image":174,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":175,"component_categories":187,"app":192},"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",[176,178,180],{"id":75,"label":76,"slug":77,"rank":69,"group":177},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":179},{"id":71,"label":72,"slug":73},{"id":181,"label":182,"slug":183,"rank":115,"group":184},25,"Upload & Download","upload-and-download",{"id":115,"label":185,"slug":186},"Actions","actions",[188,189,190,191],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":193},[],{"uuid":195,"title":58,"description":196,"canonical_path":29,"image":197,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":198,"component_categories":208,"app":215},"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",[199,201,203],{"id":75,"label":76,"slug":77,"rank":69,"group":200},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":202},{"id":71,"label":72,"slug":73},{"id":204,"label":205,"slug":206,"rank":115,"group":207},106,"Comments","comments",{"id":80,"label":81,"slug":82},[209,210,211,212,213,214],{"id":126,"title":127,"slug":128},{"id":162,"title":163,"slug":164},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":58,"description":219,"canonical_path":29,"image":220,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":221,"component_categories":226,"app":233},"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",[222,224],{"id":75,"label":76,"slug":77,"rank":69,"group":223},{"id":80,"label":81,"slug":82},{"id":181,"label":182,"slug":183,"rank":78,"group":225},{"id":115,"label":185,"slug":186},[227,228,229,230,231,232],{"id":126,"title":127,"slug":128},{"id":162,"title":163,"slug":164},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":234},[],{"uuid":236,"title":58,"description":237,"canonical_path":29,"image":238,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":239,"component_categories":244,"app":250},"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",[240,242],{"id":66,"label":67,"slug":68,"rank":69,"group":241},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":243},{"id":80,"label":81,"slug":82},[245,246,247,248,249],{"id":162,"title":163,"slug":164},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":251},[],{"uuid":253,"title":58,"description":254,"canonical_path":29,"image":255,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":256,"component_categories":261,"app":266},"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",[257,259],{"id":66,"label":67,"slug":68,"rank":69,"group":258},{"id":71,"label":72,"slug":73},{"id":75,"label":76,"slug":77,"rank":78,"group":260},{"id":80,"label":81,"slug":82},[262,263,264,265],{"id":162,"title":163,"slug":164},{"id":89,"title":90,"slug":91},{"id":97,"title":98,"slug":99},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":267},[],{"uuid":269,"title":58,"description":270,"canonical_path":29,"image":271,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":272,"component_categories":275,"app":282},"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",[273],{"id":75,"label":76,"slug":77,"rank":69,"group":274},{"id":80,"label":81,"slug":82},[276,277,278,279,280,281],{"id":126,"title":127,"slug":128},{"id":162,"title":163,"slug":164},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":283},[],{"uuid":285,"title":58,"description":286,"canonical_path":29,"image":287,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":288,"component_categories":295,"app":301},"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",[289,291,293],{"id":75,"label":76,"slug":77,"rank":69,"group":290},{"id":80,"label":81,"slug":82},{"id":66,"label":67,"slug":68,"rank":78,"group":292},{"id":71,"label":72,"slug":73},{"id":181,"label":182,"slug":183,"rank":115,"group":294},{"id":115,"label":185,"slug":186},[296,297,298,299,300],{"id":162,"title":163,"slug":164},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":302},[],{"uuid":304,"title":58,"description":305,"canonical_path":29,"image":306,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":307,"component_categories":312,"app":320},"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",[308],{"id":80,"label":309,"slug":310,"rank":69,"group":311},"Edit","edit",{"id":115,"label":185,"slug":186},[313,317,318,319],{"id":314,"title":315,"slug":316},284,"Modal","modal",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":321},[],{"family":323,"examples":324},"flows",[],{"family":326,"examples":327},"components",[],{"family":329,"examples":330},"pages",[],[332,334,336,338,340,343,345,349,353,357],{"label":333,"to":29},"Google Mail product screens",{"label":335,"to":38},"Google Mail marketing pages",{"label":337,"to":32},"Google Mail user flows",{"label":339,"to":35},"Google Mail UI components",{"label":341,"to":342},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":344,"to":18},"All SaaS app examples",{"label":346,"to":347,"description":348},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":350,"to":351,"description":352},"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":354,"to":355,"description":356},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":358,"to":359,"description":360},"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":362,"updated_at":363},"2022-02-06T19:02:43.000Z","2026-09-13T13:02:39.000Z"]