[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fcomponents":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":82,"links":83,"dates":114},"\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Google Mail UI components examples - Nicelydone","Browse Google Mail UI component design examples. Preview individual interface elements and explore related component categories. Free, Private & Secure Email","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6a546c3b-7ee6-4c28-a323-8c14b640a8d5.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 UI components 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,55,67],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"6a546c3b-7ee6-4c28-a323-8c14b640a8d5","Welcome Banner","A dismissible banner welcoming the user to their new inbox, featuring decorative confetti graphics.",2672,420,"Welcome Banner from Google Mail","component",[49],{"id":50,"title":51,"slug":52},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":57,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":62,"kind":47,"categories":63,"app":65},"20424bc4-f340-468f-af16-f0fa27a90254","Onboarding checklist card","A dismissible card presenting a grid of onboarding tasks to help new users set up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20424bc4-f340-468f-af16-f0fa27a90254.png",2092,644,"Onboarding checklist card from Google Mail",[64],{"id":50,"title":51,"slug":52},{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":69,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":74,"kind":47,"categories":75,"app":80},"c7c180d2-d0f0-4401-9b6c-46cf6af45adb","Google Mail UI component","A theme selection modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7c180d2-d0f0-4401-9b6c-46cf6af45adb.png",654,270,"UI component from Google Mail",[76],{"id":77,"title":78,"slug":79},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":81},[],[],[84,87,90,93,96,98,102,106,110],{"label":85,"to":86},"Google Mail product screens","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fscreens",{"label":88,"to":89},"Google Mail marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fmarketing",{"label":91,"to":92},"Google Mail user flows","\u002Fexamples\u002Fapps\u002Fgoogle-gmail\u002Fflows",{"label":94,"to":95},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":97,"to":18},"All SaaS app examples",{"label":99,"to":100,"description":101},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":103,"to":104,"description":105},"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":107,"to":108,"description":109},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":111,"to":112,"description":113},"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":115,"updated_at":116},"2022-02-06T19:02:43.000Z","2026-09-13T13:02:39.000Z"]