[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Finteractive-map":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":550,"links":551,"dates":612},"\u002Fexamples\u002Ftags\u002Finteractive-map","collection","screens",true,{"example_count":9,"app_count":10},1120,105,{"id":12,"title":13,"description":14},71086,"Interactive map","",{"title":16,"description":17,"og_image":18},"Interactive map screen examples - Nicelydone","Interactive map screen design examples from SaaS apps. Browse examples from Airbnb, Visitors, Maze.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa25acd9-509c-4f0b-a63f-09d7373c751c.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Interactive map screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1120 screens",[34,93,123,164,216,275,303,343,385,446,489,524],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":63,"app":72},"aa25acd9-509c-4f0b-a63f-09d7373c751c","The 27 Wynwood - Hotels for Rent in Miami, Florida, United States - Airbnb","Full-screen map view where the user can explore the neighborhood around a specific location and search for nearby places like cafes.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fmarketing",3012,1881,"The 27 Wynwood - Hotels for Rent in Miami, Florida, United States - Airbnb from Airbnb","2026-09-07T10:47:21.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},57,"Map","map",0,{"id":51,"label":52,"slug":53},5,"Media & Tools","media-and-tools",{"id":55,"label":56,"slug":57,"rank":58,"group":59},22,"Search","search",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",[64,68],{"id":65,"title":66,"slug":67},277,"Button group","button-group",{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":73,"title":74,"logo":75,"baseline":76,"categories":77},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[78,81,85,89],{"id":51,"title":79,"slug":80},"Travel","travel",{"id":82,"title":83,"slug":84},12,"Hospitality","hospitality",{"id":86,"title":87,"slug":88},17,"Peer to peer","peer-to-peer",{"id":90,"title":91,"slug":92},18,"Marketplace","marketplace",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":111,"app":113},"bedd54f4-c8a2-426f-96f4-49c7b5a08305","Not found - Visitors","404 error page featuring a 3D globe visualization and a prompt to return to the home page.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbedd54f4-c8a2-426f-96f4-49c7b5a08305.png",3024,1888,"Not found - Visitors from Visitors","2026-07-20T12:18:36.000Z",[104],{"id":105,"label":106,"slug":107,"rank":49,"group":108},116,"Error","error",{"id":82,"label":109,"slug":110},"States & Feedback","states-and-feedback",[112],{"id":69,"title":70,"slug":71},{"slug":114,"title":115,"logo":116,"baseline":117,"categories":118},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[119],{"id":120,"title":121,"slug":122},46,"Analytics","analytics",{"uuid":124,"title":125,"description":126,"canonical_path":127,"image":128,"width":129,"height":130,"image_alt":131,"published_at":132,"kind":43,"patterns":133,"component_categories":145,"app":147},"7f2e1e91-b3ce-4441-9786-0e6eb3d9e142","Maze","Verification screen where the user is instructed to check their email inbox to activate their account, with options to resend the email or return to signup.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f2e1e91-b3ce-4441-9786-0e6eb3d9e142.png",2880,1670,"Maze from Maze","2026-04-20T14:45:59.000Z",[134,141],{"id":135,"label":136,"slug":137,"rank":49,"group":138},6,"Verification","verification",{"id":58,"label":139,"slug":140},"Access & Account","access-and-account",{"id":58,"label":142,"slug":143,"rank":58,"group":144},"Account Setup","account-setup",{"id":58,"label":139,"slug":140},[146],{"id":69,"title":70,"slug":71},{"slug":148,"title":125,"logo":149,"baseline":150,"categories":151},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[152,156,160],{"id":153,"title":154,"slug":155},8,"Design","design",{"id":157,"title":158,"slug":159},69,"Surveys","surveys",{"id":161,"title":162,"slug":163},104,"User Research","user-research",{"uuid":165,"title":166,"description":167,"canonical_path":168,"image":169,"width":99,"height":170,"image_alt":171,"published_at":172,"kind":43,"patterns":173,"component_categories":192,"app":198},"99d4fcb6-5f8f-4f94-8eb3-267b5b241181","Office | Gather","Onboarding step where the user learns to interact in a 2D virtual office by clicking a toast notification to walk over to a colleague's avatar.","\u002Fexamples\u002Fapps\u002Fgather\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99d4fcb6-5f8f-4f94-8eb3-267b5b241181.png",1780,"Office | Gather from Gather","2025-12-01T12:56:43.000Z",[174,182,187],{"id":175,"label":176,"slug":177,"rank":49,"group":178},73,"Guided Tour","guided-tour",{"id":179,"label":180,"slug":181},7,"Onboarding & Education","onboarding-and-education",{"id":183,"label":184,"slug":185,"rank":58,"group":186},77,"Welcome","welcome",{"id":179,"label":180,"slug":181},{"id":188,"label":189,"slug":190,"rank":60,"group":191},72,"Getting Started","getting-started",{"id":179,"label":180,"slug":181},[193,197],{"id":194,"title":195,"slug":196},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"slug":199,"title":200,"logo":201,"baseline":202,"categories":203},"gather","Gather","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1eb4004c-e6ed-4f6c-bc14-37588eaa306c.png","People + knowledge. All in one place",[204,208,212],{"id":205,"title":206,"slug":207},23,"Collaboration","collaboration",{"id":209,"title":210,"slug":211},82,"Communication","communication",{"id":213,"title":214,"slug":215},89,"Remote","remote",{"uuid":217,"title":218,"description":219,"canonical_path":220,"image":221,"width":99,"height":222,"image_alt":223,"published_at":224,"kind":43,"patterns":225,"component_categories":234,"app":256},"76abaa57-b988-42d0-bb84-625ca7fa514e","Calculate your per diem allowance  2025 Per diem rates","Marketing tool page where the user can calculate their travel expense per diem allowance by entering travel dates and locations.","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76abaa57-b988-42d0-bb84-625ca7fa514e.png",13814,"Calculate your per diem allowance  2025 Per diem rates from Travelperk","2025-10-20T12:53:48.000Z",[226],{"id":227,"label":228,"slug":229,"rank":49,"group":230},156,"Free Tool","free-tool",{"id":231,"label":232,"slug":233},15,"Marketing Page Types","marketing-page-types",[235,239,243,247,251,255],{"id":236,"title":237,"slug":238},189,"FAQ","faq",{"id":240,"title":241,"slug":242},168,"Accordion","accordion",{"id":244,"title":245,"slug":246},202,"Footer","footer",{"id":248,"title":249,"slug":250},258,"Header","header",{"id":252,"title":253,"slug":254},174,"Card","card",{"id":69,"title":70,"slug":71},{"slug":257,"title":258,"logo":259,"baseline":260,"categories":261},"travelperk","Travelperk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","Travel for work made simpler and smarter",[262,263,267,271],{"id":51,"title":79,"slug":80},{"id":264,"title":265,"slug":266},26,"Events","events",{"id":268,"title":269,"slug":270},36,"Finance","finance",{"id":272,"title":273,"slug":274},56,"Accounting","accounting",{"uuid":276,"title":277,"description":278,"canonical_path":279,"image":280,"width":99,"height":281,"image_alt":282,"published_at":283,"kind":43,"patterns":284,"component_categories":290,"app":293},"88b607c9-50ce-4549-99f4-df178186f81b","Company | xAI","Company page highlighting global office locations with a stylized map and a prompt to view open roles.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F88b607c9-50ce-4549-99f4-df178186f81b.png",1726,"Company | xAI from Grok","2025-04-14T08:55:44.000Z",[285],{"id":286,"label":287,"slug":288,"rank":49,"group":289},166,"About Page","about-page",{"id":231,"label":232,"slug":233},[291,292],{"id":248,"title":249,"slug":250},{"id":69,"title":70,"slug":71},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[299],{"id":300,"title":301,"slug":302},80,"Artificial Intelligence","artificial-intelligence",{"uuid":304,"title":305,"description":306,"canonical_path":307,"image":308,"width":99,"height":309,"image_alt":310,"published_at":311,"kind":43,"patterns":312,"component_categories":325,"app":327},"5b9b0502-1660-4e97-9a30-819889a0aa7f","Reflect","Knowledge graph view where the user visualizes connections between their daily notes, pinned notes, and specific topics.","\u002Fexamples\u002Fapps\u002Freflect\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b9b0502-1660-4e97-9a30-819889a0aa7f.png",1778,"Reflect from Reflect","2025-03-24T15:32:15.000Z",[313,315,323],{"id":46,"label":47,"slug":48,"rank":49,"group":314},{"id":51,"label":52,"slug":53},{"id":316,"label":317,"slug":318,"rank":58,"group":319},41,"Dashboard","dashboard",{"id":320,"label":321,"slug":322},4,"Data & Analysis","data-and-analysis",{"id":55,"label":56,"slug":57,"rank":60,"group":324},{"id":60,"label":61,"slug":62},[326],{"id":69,"title":70,"slug":71},{"slug":328,"title":305,"logo":329,"baseline":330,"categories":331},"reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[332,336,339],{"id":333,"title":334,"slug":335},30,"Productivity","productivity",{"id":55,"title":337,"slug":338},"Knowledge Management","knowledge-management",{"id":340,"title":341,"slug":342},59,"Writing tools","writing-tools",{"uuid":344,"title":345,"description":346,"canonical_path":347,"image":348,"width":99,"height":349,"image_alt":350,"published_at":351,"kind":43,"patterns":352,"component_categories":358,"app":367},"bd76161e-fe25-4a87-a669-177e19e18db0","Replit — Introducing Replit Agent","Article announcing the new Replit Agent, featuring embedded video demos, community examples from X, and calls to action to get started with Replit Core.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd76161e-fe25-4a87-a669-177e19e18db0.png",14094,"Replit — Introducing Replit Agent from Replit","2025-03-10T14:11:20.000Z",[353],{"id":354,"label":355,"slug":356,"rank":49,"group":357},78,"Article","article",{"id":231,"label":232,"slug":233},[359,360,361,365,366],{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":362,"title":363,"slug":364},260,"Badge","badge",{"id":252,"title":253,"slug":254},{"id":69,"title":70,"slug":71},{"slug":368,"title":369,"logo":370,"baseline":371,"categories":372},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[373,374,378,381],{"id":300,"title":301,"slug":302},{"id":375,"title":376,"slug":377},48,"Developer Tools","developer-tools",{"id":179,"title":379,"slug":380},"Web Development","web-development",{"id":382,"title":383,"slug":384},96,"No code","no-code",{"uuid":386,"title":387,"description":388,"canonical_path":389,"image":390,"width":99,"height":391,"image_alt":392,"published_at":393,"kind":43,"patterns":394,"component_categories":418,"app":431},"5a43c2cc-f139-4b15-a9fc-751d17049dd5","Front (6)","Settings page where the user browses and searches for third-party apps like Asana, GitHub, and Salesforce to connect to their workspace.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a43c2cc-f139-4b15-a9fc-751d17049dd5.png",13234,"Front (6) from Front","2025-03-03T14:56:15.000Z",[395,403,410,412],{"id":396,"label":397,"slug":398,"rank":49,"group":399},97,"Integrations","integrations",{"id":400,"label":401,"slug":402},10,"Settings & Admin","settings-and-admin",{"id":404,"label":405,"slug":406,"rank":58,"group":407},79,"Browse","browse",{"id":153,"label":408,"slug":409},"Pages & Content","pages-and-content",{"id":55,"label":56,"slug":57,"rank":60,"group":411},{"id":60,"label":61,"slug":62},{"id":413,"label":414,"slug":415,"rank":416,"group":417},47,"Table","table",3,{"id":320,"label":321,"slug":322},[419,423,427,428,429,430],{"id":420,"title":421,"slug":422},240,"Horizontal navigation","horizontal-navigation",{"id":424,"title":425,"slug":426},233,"Tabs","tabs",{"id":240,"title":241,"slug":242},{"id":362,"title":363,"slug":364},{"id":252,"title":253,"slug":254},{"id":69,"title":70,"slug":71},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[437,438,441,442],{"id":205,"title":206,"slug":207},{"id":413,"title":439,"slug":440},"Customer Service","customer-service",{"id":209,"title":210,"slug":211},{"id":443,"title":444,"slug":445},92,"Email","email",{"uuid":447,"title":448,"description":449,"canonical_path":450,"image":451,"width":99,"height":452,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":461,"app":473},"4cf71b39-37f9-49bf-844e-fc8350bd7605","Motion for Teams","Marketing page detailing how Motion's AI project manager helps teams eliminate busywork, meet deadlines, and gain visibility into projects.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cf71b39-37f9-49bf-844e-fc8350bd7605.png",18016,"Motion for Teams from Motion","2025-02-10T16:08:17.000Z",[456],{"id":457,"label":458,"slug":459,"rank":49,"group":460},139,"Use Case Page","use-case-page",{"id":231,"label":232,"slug":233},[462,466,467,468,469,470,471,472],{"id":463,"title":464,"slug":465},232,"Testimonial","testimonial",{"id":65,"title":66,"slug":67},{"id":194,"title":195,"slug":196},{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":362,"title":363,"slug":364},{"id":252,"title":253,"slug":254},{"id":69,"title":70,"slug":71},{"slug":474,"title":475,"logo":476,"baseline":477,"categories":478},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[479,480,484,485],{"id":300,"title":301,"slug":302},{"id":481,"title":482,"slug":483},29,"Task Management","task-management",{"id":333,"title":334,"slug":335},{"id":486,"title":487,"slug":488},101,"Calendar","calendar",{"uuid":490,"title":491,"description":492,"canonical_path":493,"image":494,"width":99,"height":495,"image_alt":496,"published_at":497,"kind":43,"patterns":498,"component_categories":501,"app":512},"f4e07d5a-01ab-47d6-a66e-513d53371f43","Popular 3D Design and Realism in 2024 | Macaw","Content editor where the user writes and formats an SEO article about 3D design trends, featuring a right panel for metadata, grading, and publishing actions.","\u002Fexamples\u002Fapps\u002Fmacaw\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4e07d5a-01ab-47d6-a66e-513d53371f43.png",9100,"Popular 3D Design and Realism in 2024 | Macaw from Macaw","2025-01-28T12:48:11.000Z",[499],{"id":354,"label":355,"slug":356,"rank":49,"group":500},{"id":231,"label":232,"slug":233},[502,506,507,508,509,510,511],{"id":503,"title":504,"slug":505},177,"Breadcrumb","breadcrumb",{"id":424,"title":425,"slug":426},{"id":240,"title":241,"slug":242},{"id":194,"title":195,"slug":196},{"id":65,"title":66,"slug":67},{"id":362,"title":363,"slug":364},{"id":69,"title":70,"slug":71},{"slug":513,"title":514,"logo":515,"baseline":516,"categories":517},"macaw","Macaw","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmacaw-l2yg9kds.png","Generate AI content that humans love to read",[518,522,523],{"id":519,"title":520,"slug":521},25,"Marketing","marketing",{"id":340,"title":341,"slug":342},{"id":300,"title":301,"slug":302},{"uuid":525,"title":526,"description":527,"canonical_path":528,"image":529,"width":99,"height":530,"image_alt":531,"published_at":532,"kind":43,"patterns":533,"component_categories":538,"app":541},"c9eb54d8-dbdb-4b25-9064-a3dbbec6299a","Instant Feedback","List view where users can browse, search, and upvote feature requests like 'Rebuilding the Assets Library' or submit new suggestions.","\u002Fexamples\u002Fapps\u002Finstant\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9eb54d8-dbdb-4b25-9064-a3dbbec6299a.png",19522,"Instant Feedback from Instant","2025-01-20T16:16:40.000Z",[534],{"id":69,"label":535,"slug":536,"rank":49,"group":537},"Changelog","changelog",{"id":231,"label":232,"slug":233},[539,540],{"id":252,"title":253,"slug":254},{"id":69,"title":70,"slug":71},{"slug":542,"title":543,"logo":544,"baseline":545,"categories":546},"instant","Instant","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Finstant-7cp012gu.png","The Shopify store builder",[547,548,549],{"id":382,"title":383,"slug":384},{"id":179,"title":379,"slug":380},{"id":153,"title":154,"slug":155},[],[552,554,556,558,560,562,564,566,568,570,572,574,576,579,582,585,588,591,594,597,600,603,606,609],{"label":56,"to":553,"count":416},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":47,"to":555,"count":60},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":142,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":405,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":317,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":106,"to":563,"count":58},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":189,"to":565,"count":58},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":176,"to":567,"count":58},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":397,"to":569,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":414,"to":571,"count":58},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":136,"to":573,"count":58},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":184,"to":575,"count":58},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":577,"to":578},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":580,"to":581},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":583,"to":584},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":586,"to":587},"Gather design examples","\u002Fexamples\u002Fapps\u002Fgather",{"label":589,"to":590},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":592,"to":593},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":595,"to":596},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":598,"to":599},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":601,"to":602},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":604,"to":605},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":607,"to":608},"Macaw design examples","\u002Fexamples\u002Fapps\u002Fmacaw",{"label":610,"to":611},"Instant design examples","\u002Fexamples\u002Fapps\u002Finstant",{"published_at":613,"updated_at":614},"2024-12-30T17:21:09.000Z","2026-09-09T17:07:16.000Z"]