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