[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgoogle-maps\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":330,"links":331,"dates":380},"\u002Fexamples\u002Fapps\u002Fgoogle-maps\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Google maps product screens examples - Nicelydone","Browse Google maps screen design examples. Preview the interface screenshots and explore related UI patterns. Find local businesses, view maps and get…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4e6efd6-7143-40e3-94a4-9fbfc2c365e8.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 maps design examples","\u002Fexamples\u002Fapps\u002Fgoogle-maps",{"label":23,"to":4},"Google maps product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Google maps screen design examples. Preview the interface screenshots and explore related UI patterns. Find local businesses, view maps and get driving directions",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Google maps","google-maps","Find local businesses, view maps and get driving directions","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgoogle-maps-r5jv926v.png","https:\u002F\u002Fwww.google.com\u002Fmaps",[36],{"id":37,"title":38,"slug":39},44,"Maps","maps",[41,88,108,132,149,181,200,224,240,263,282,300],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":73,"app":86},"c4e6efd6-7143-40e3-94a4-9fbfc2c365e8","Google Maps","Map interface where the user can search for locations, filter by categories like groceries and restaurants, and explore the city of Paris.",3072,1716,"Google Maps from Google maps","screen",[50,59,68],{"id":51,"label":52,"slug":53,"rank":54,"group":55},57,"Map","map",0,{"id":56,"label":57,"slug":58},5,"Media & Tools","media-and-tools",{"id":60,"label":61,"slug":62,"rank":63,"group":64},22,"Search","search",1,{"id":65,"label":66,"slug":67},2,"Actions","actions",{"id":69,"label":70,"slug":71,"rank":65,"group":72},13,"Filter & Sort","filter-and-sort",{"id":65,"label":66,"slug":67},[74,78,82],{"id":75,"title":76,"slug":77},260,"Badge","badge",{"id":79,"title":80,"slug":81},175,"Button","button",{"id":83,"title":84,"slug":85},277,"Button group","button-group",{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":43,"description":90,"canonical_path":4,"image":91,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":92,"component_categories":99,"app":106},"315d9a5c-0450-451b-bd1a-9b00c118364d","Full-screen satellite map view of Paris with a floating search bar and quick category filters for exploring places.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F315d9a5c-0450-451b-bd1a-9b00c118364d.png",[93,95,97],{"id":51,"label":52,"slug":53,"rank":54,"group":94},{"id":56,"label":57,"slug":58},{"id":60,"label":61,"slug":62,"rank":63,"group":96},{"id":65,"label":66,"slug":67},{"id":69,"label":70,"slug":71,"rank":65,"group":98},{"id":65,"label":66,"slug":67},[100,104,105],{"id":101,"title":102,"slug":103},174,"Card","card",{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":45,"height":46,"image_alt":113,"kind":48,"patterns":114,"component_categories":122,"app":130},"9a10e7c5-62cb-4ccf-b800-55b367fbd7df","Louvre Pyramid - Google Maps","Full-screen Street View panorama of the Louvre Pyramid with floating navigation controls, a mini-map inset, and a location information panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a10e7c5-62cb-4ccf-b800-55b367fbd7df.png","Louvre Pyramid - Google Maps from Google maps",[115,117],{"id":51,"label":52,"slug":53,"rank":54,"group":116},{"id":56,"label":57,"slug":58},{"id":118,"label":119,"slug":120,"rank":63,"group":121},58,"Media Editor","media-editor",{"id":56,"label":57,"slug":58},[123,127,128,129],{"id":124,"title":125,"slug":126},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":45,"height":46,"image_alt":137,"kind":48,"patterns":138,"component_categories":143,"app":147},"53d9882e-d585-47c7-a1e1-7dd321417cec","Pl. du Carrousel - Google Maps","Full-screen immersive street view of a location with floating navigation controls, a mini-map inset, and an open context menu for sharing or printing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53d9882e-d585-47c7-a1e1-7dd321417cec.png","Pl. du Carrousel - Google Maps from Google maps",[139,141],{"id":51,"label":52,"slug":53,"rank":54,"group":140},{"id":56,"label":57,"slug":58},{"id":118,"label":119,"slug":120,"rank":63,"group":142},{"id":56,"label":57,"slug":58},[144,145,146],{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":134,"description":151,"canonical_path":4,"image":152,"width":45,"height":46,"image_alt":137,"kind":48,"patterns":153,"component_categories":167,"app":179},"4879cd2f-b918-4d5e-85ce-5d0cbb10ded5","Detail page where the user can share a Street View location by copying a link or posting directly to Facebook and Twitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4879cd2f-b918-4d5e-85ce-5d0cbb10ded5.png",[154,159],{"id":155,"label":156,"slug":157,"rank":54,"group":158},24,"Share","share",{"id":65,"label":66,"slug":67},{"id":160,"label":161,"slug":162,"rank":63,"group":163},82,"Media Detail","media-detail",{"id":164,"label":165,"slug":166},8,"Pages & Content","pages-and-content",[168,172,176,177,178],{"id":169,"title":170,"slug":171},284,"Modal","modal",{"id":173,"title":174,"slug":175},233,"Tabs","tabs",{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":134,"description":183,"canonical_path":4,"image":184,"width":45,"height":46,"image_alt":137,"kind":48,"patterns":185,"component_categories":193,"app":198},"56be1c29-763d-4c05-a9ec-ed6622d8e6ed","Detail page where the user can copy an HTML iframe snippet to embed a specific Street View panorama on their own website.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56be1c29-763d-4c05-a9ec-ed6622d8e6ed.png",[186,188],{"id":155,"label":156,"slug":157,"rank":54,"group":187},{"id":65,"label":66,"slug":67},{"id":189,"label":190,"slug":191,"rank":63,"group":192},25,"Upload & Download","upload-and-download",{"id":65,"label":66,"slug":67},[194,195,196,197],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"slug":31,"title":30,"logo":33,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":45,"height":46,"image_alt":205,"kind":48,"patterns":206,"component_categories":213,"app":222},"d0790b62-fe0d-4e5f-91d7-5ec58f370a16","Groceries - Google Maps","Search results page where the user views grocery stores in Paris on an interactive map and in a side list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0790b62-fe0d-4e5f-91d7-5ec58f370a16.png","Groceries - Google Maps from Google maps",[207,209,211],{"id":51,"label":52,"slug":53,"rank":54,"group":208},{"id":56,"label":57,"slug":58},{"id":69,"label":70,"slug":71,"rank":63,"group":210},{"id":65,"label":66,"slug":67},{"id":60,"label":61,"slug":62,"rank":65,"group":212},{"id":65,"label":66,"slug":67},[214,218,219,220,221],{"id":215,"title":216,"slug":217},211,"Pagination","pagination",{"id":124,"title":125,"slug":126},{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":223},[],{"uuid":225,"title":202,"description":226,"canonical_path":4,"image":227,"width":45,"height":46,"image_alt":205,"kind":48,"patterns":228,"component_categories":235,"app":238},"13f81ae1-6140-46e8-8018-102d55394f95","Map view where the user filters grocery store search results in Paris by a minimum rating of 4.0 using a left sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13f81ae1-6140-46e8-8018-102d55394f95.png",[229,231,233],{"id":69,"label":70,"slug":71,"rank":54,"group":230},{"id":65,"label":66,"slug":67},{"id":51,"label":52,"slug":53,"rank":63,"group":232},{"id":56,"label":57,"slug":58},{"id":60,"label":61,"slug":62,"rank":65,"group":234},{"id":65,"label":66,"slug":67},[236,237],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":239},[],{"uuid":241,"title":242,"description":243,"canonical_path":4,"image":244,"width":45,"height":46,"image_alt":245,"kind":48,"patterns":246,"component_categories":256,"app":261},"35ba73da-142a-464e-8e36-d437b964e7b9","Restaurants - Google Maps","Search results page where the user views a list and interactive map of restaurants in Paris, with filters for price, rating, and cuisine.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35ba73da-142a-464e-8e36-d437b964e7b9.png","Restaurants - Google Maps from Google maps",[247,252,254],{"id":248,"label":249,"slug":250,"rank":54,"group":251},84,"Search Results","search-results",{"id":164,"label":165,"slug":166},{"id":69,"label":70,"slug":71,"rank":63,"group":253},{"id":65,"label":66,"slug":67},{"id":51,"label":52,"slug":53,"rank":65,"group":255},{"id":56,"label":57,"slug":58},[257,258,259,260],{"id":215,"title":216,"slug":217},{"id":101,"title":102,"slug":103},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":262},[],{"uuid":264,"title":265,"description":266,"canonical_path":4,"image":267,"width":45,"height":46,"image_alt":268,"kind":48,"patterns":269,"component_categories":276,"app":280},"cdaf24ca-744c-464c-97de-74a7e845d748","Le Ruisseau - Burger Joint - Google Maps","Map interface showing details for a specific restaurant, including ratings, hours, and contact information, alongside a carousel of similar nearby places.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdaf24ca-744c-464c-97de-74a7e845d748.png","Le Ruisseau - Burger Joint - Google Maps from Google maps",[270,272,274],{"id":51,"label":52,"slug":53,"rank":54,"group":271},{"id":56,"label":57,"slug":58},{"id":160,"label":161,"slug":162,"rank":63,"group":273},{"id":164,"label":165,"slug":166},{"id":60,"label":61,"slug":62,"rank":65,"group":275},{"id":65,"label":66,"slug":67},[277,278,279],{"id":101,"title":102,"slug":103},{"id":83,"title":84,"slug":85},{"id":79,"title":80,"slug":81},{"slug":31,"title":30,"logo":33,"categories":281},[],{"uuid":283,"title":265,"description":284,"canonical_path":4,"image":285,"width":45,"height":46,"image_alt":268,"kind":48,"patterns":286,"component_categories":293,"app":298},"1e4d5651-20a8-42f6-be05-7e9d4c03b00b","Detail page for a restaurant where the user has opened a modal to share the location via link, Facebook, or Twitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e4d5651-20a8-42f6-be05-7e9d4c03b00b.png",[287,289,291],{"id":155,"label":156,"slug":157,"rank":54,"group":288},{"id":65,"label":66,"slug":67},{"id":160,"label":161,"slug":162,"rank":63,"group":290},{"id":164,"label":165,"slug":166},{"id":51,"label":52,"slug":53,"rank":65,"group":292},{"id":56,"label":57,"slug":58},[294,295,296,297],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":101,"title":102,"slug":103},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":299},[],{"uuid":301,"title":265,"description":302,"canonical_path":4,"image":303,"width":45,"height":304,"image_alt":268,"kind":48,"patterns":305,"component_categories":318,"app":328},"571183be-c85a-41a4-aa44-1c8039d66ce5","Detail page where the user views information, reviews, popular times, and photos for a specific restaurant alongside an interactive map.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F571183be-c85a-41a4-aa44-1c8039d66ce5.png",9276,[306,308,310],{"id":160,"label":161,"slug":162,"rank":54,"group":307},{"id":164,"label":165,"slug":166},{"id":51,"label":52,"slug":53,"rank":63,"group":309},{"id":56,"label":57,"slug":58},{"id":311,"label":312,"slug":313,"rank":65,"group":314},111,"Ratings","ratings",{"id":315,"label":316,"slug":317},11,"Social & Collaboration","social-and-collaboration",[319,323,324,325,326,327],{"id":320,"title":321,"slug":322},168,"Accordion","accordion",{"id":75,"title":76,"slug":77},{"id":124,"title":125,"slug":126},{"id":101,"title":102,"slug":103},{"id":83,"title":84,"slug":85},{"id":79,"title":80,"slug":81},{"slug":31,"title":30,"logo":33,"categories":329},[],[],[332,334,336,338,340,342,344,346,348,350,353,356,359,362,364,368,372,376],{"label":52,"to":333},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":70,"to":335},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":61,"to":337},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":161,"to":339},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":156,"to":341},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":119,"to":343},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":312,"to":345},"\u002Fexamples\u002Fscreens\u002Fratings",{"label":249,"to":347},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":190,"to":349},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":351,"to":352},"Google maps marketing pages","\u002Fexamples\u002Fapps\u002Fgoogle-maps\u002Fmarketing",{"label":354,"to":355},"Google maps user flows","\u002Fexamples\u002Fapps\u002Fgoogle-maps\u002Fflows",{"label":357,"to":358},"Google maps UI components","\u002Fexamples\u002Fapps\u002Fgoogle-maps\u002Fcomponents",{"label":360,"to":361},"Maps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmaps",{"label":363,"to":18},"All SaaS app examples",{"label":365,"to":366,"description":367},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":369,"to":370,"description":371},"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":373,"to":374,"description":375},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":377,"to":378,"description":379},"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":381,"updated_at":382},"2022-03-13T09:03:04.000Z","2026-09-13T13:02:39.000Z"]