[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmango":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":57,"showcases":58,"links":314,"dates":334},"\u002Fexamples\u002Fapps\u002Fmango","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mango design examples - Nicelydone","Explore Mango UI design examples. The first simple, frictionless online and mobile payment solution in Latin America","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_sign-in_42634e7f_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mango design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mango",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmango\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fmango\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Mango","mango","The first simple, frictionless online and mobile payment solution in Latin America","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmango-0f13dbd1.png","https:\u002F\u002Fgetmango.com",[41,45,49,53],{"id":42,"title":43,"slug":44},39,"Payments","payments",{"id":46,"title":47,"slug":48},36,"Finance","finance",{"id":50,"title":51,"slug":52},48,"Developer Tools","developer-tools",{"id":54,"title":55,"slug":56},54,"Mobile","mobile",[],[59,311],{"family":60,"examples":61},"screens",[62,91,108,118,141,178,196,205,218,245,280,289],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":80,"app":89},"12d65ff6-e3a3-4951-afdf-67cff1601c03","Sign in","Sign-in screen where the user authenticates with their email and password.",2800,1544,"Sign in from Mango","screen",[71],{"id":72,"label":73,"slug":74,"rank":75,"group":76},4,"Sign In","sign-in",0,{"id":77,"label":78,"slug":79},1,"Access & Account","access-and-account",[81,85],{"id":82,"title":83,"slug":84},175,"Button","button",{"id":86,"title":87,"slug":88},174,"Card","card",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":66,"height":67,"image_alt":96,"kind":69,"patterns":97,"component_categories":103,"app":106},"2e620703-7e37-415f-a4fe-c3d45bc888c4","Password reset","Password recovery screen where the user enters their email address to request a reset link, with a secondary option to return to the sign-in page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_password-reset_582cd75c_nicelydone.jpg","Password reset from Mango",[98],{"id":99,"label":100,"slug":101,"rank":75,"group":102},2,"Forgot Password","forgot-password",{"id":77,"label":78,"slug":79},[104,105],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":66,"height":67,"image_alt":113,"kind":69,"patterns":114,"component_categories":115,"app":116},"689c82f8-8a2f-4d6b-997c-d6e6d08ce7fb","Sign up","Authentication Account creation Onboarding File upload Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_sign-up_743cdcaa_nicelydone.jpg","Sign up from Mango",[],[],{"slug":36,"title":35,"logo":38,"categories":117},[],{"uuid":119,"title":110,"description":120,"canonical_path":29,"image":121,"width":66,"height":67,"image_alt":113,"kind":69,"patterns":122,"component_categories":136,"app":139},"9f702f53-9a22-4fd2-a26b-83aa8fe6fcb2","Verification screen where the user is prompted to check their email to activate their new Mango account, featuring a direct link to Gmail.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_sign-up-2_f696b8cb_nicelydone.jpg",[123,128],{"id":124,"label":125,"slug":126,"rank":75,"group":127},6,"Verification","verification",{"id":77,"label":78,"slug":79},{"id":129,"label":130,"slug":131,"rank":77,"group":132},114,"Confirmation","confirmation",{"id":133,"label":134,"slug":135},12,"States & Feedback","states-and-feedback",[137,138],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":29,"image":145,"width":66,"height":67,"image_alt":146,"kind":69,"patterns":147,"component_categories":161,"app":176},"fe625dfa-0c27-4248-8fd7-2c213e4fcd71","Onboarding","Onboarding step where the user is welcomed to Mango with a city illustration and a prompt to start.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_onboarding_384d8ca9_nicelydone.jpg","Onboarding from Mango",[148,156],{"id":149,"label":150,"slug":151,"rank":75,"group":152},77,"Welcome","welcome",{"id":153,"label":154,"slug":155},7,"Onboarding & Education","onboarding-and-education",{"id":157,"label":158,"slug":159,"rank":77,"group":160},74,"Onboarding Checklist","onboarding-checklist",{"id":153,"label":154,"slug":155},[162,166,170,174,175],{"id":163,"title":164,"slug":165},260,"Badge","badge",{"id":167,"title":168,"slug":169},240,"Horizontal navigation","horizontal-navigation",{"id":171,"title":172,"slug":173},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":29,"image":182,"width":66,"height":67,"image_alt":183,"kind":69,"patterns":184,"component_categories":189,"app":194},"e16bfd46-c41a-4a73-bb13-905fd6f012a5","Dropdown","Onboarding screen where the user is welcomed to Mango with a cityscape illustration and prompted to start using the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_dropdown_84e81d21_nicelydone.jpg","Dropdown from Mango",[185,187],{"id":149,"label":150,"slug":151,"rank":75,"group":186},{"id":153,"label":154,"slug":155},{"id":157,"label":158,"slug":159,"rank":77,"group":188},{"id":153,"label":154,"slug":155},[190,191,192,193],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":195},[],{"uuid":197,"title":198,"description":143,"canonical_path":29,"image":199,"width":66,"height":67,"image_alt":200,"kind":69,"patterns":201,"component_categories":202,"app":203},"72b3768a-1b75-478e-92ed-d9e77fc026c7","Notifications","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_notifications_78530bb1_nicelydone.jpg","Notifications from Mango",[],[],{"slug":36,"title":35,"logo":38,"categories":204},[],{"uuid":206,"title":198,"description":207,"canonical_path":29,"image":208,"width":66,"height":67,"image_alt":200,"kind":69,"patterns":209,"component_categories":212,"app":216},"732d2321-f5c1-4853-89a3-bf238aab27bb","Onboarding screen where the user reads a welcome message from the Mango team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_notifications-2_98a1806a_nicelydone.jpg",[210],{"id":149,"label":150,"slug":151,"rank":75,"group":211},{"id":153,"label":154,"slug":155},[213,214,215],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":217},[],{"uuid":219,"title":143,"description":220,"canonical_path":29,"image":221,"width":66,"height":222,"image_alt":146,"kind":69,"patterns":223,"component_categories":233,"app":243},"f4c7589f-1677-4573-b346-f1e67eb098fb","Onboarding screen where the user follows a three-step welcome tour to create their first store, create a test charge, and activate their store.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_onboarding-2_95ca4ec4_nicelydone.jpg",1978,[224,229,231],{"id":225,"label":226,"slug":227,"rank":75,"group":228},73,"Guided Tour","guided-tour",{"id":153,"label":154,"slug":155},{"id":157,"label":158,"slug":159,"rank":77,"group":230},{"id":153,"label":154,"slug":155},{"id":149,"label":150,"slug":151,"rank":99,"group":232},{"id":153,"label":154,"slug":155},[234,238,239,240,241,242],{"id":235,"title":236,"slug":237},227,"Stepper","stepper",{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":29,"image":249,"width":66,"height":250,"image_alt":251,"kind":69,"patterns":252,"component_categories":269,"app":278},"7a31de22-0422-4215-ad6f-734caeecafea","Settings","Settings page where the user updates their personal profile information, including name, email, phone number, nationality, ID type, and bio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_settings_76066cca_nicelydone.jpg",2796,"Settings from Mango",[253,261],{"id":254,"label":255,"slug":256,"rank":75,"group":257},3,"Profile","profile",{"id":258,"label":259,"slug":260},11,"Social & Collaboration","social-and-collaboration",{"id":262,"label":263,"slug":264,"rank":77,"group":265},94,"Account Settings","account-settings",{"id":266,"label":267,"slug":268},10,"Settings & Admin","settings-and-admin",[270,274,275,276,277],{"id":271,"title":272,"slug":273},233,"Tabs","tabs",{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":279},[],{"uuid":281,"title":247,"description":282,"canonical_path":29,"image":283,"width":66,"height":284,"image_alt":251,"kind":69,"patterns":285,"component_categories":286,"app":287},"906f8426-2d3e-4753-9f32-0972070a6677","Settings Form Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_settings-2_218817a0_nicelydone.jpg",2168,[],[],{"slug":36,"title":35,"logo":38,"categories":288},[],{"uuid":290,"title":247,"description":291,"canonical_path":29,"image":292,"width":66,"height":67,"image_alt":251,"kind":69,"patterns":293,"component_categories":303,"app":309},"92c3e8a9-2692-4a54-a47b-a205223a66b0","Settings page where the user updates their account password by entering their current and new passwords.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmango_settings-3_7ae0098c_nicelydone.jpg",[294,298],{"id":295,"label":247,"slug":296,"rank":75,"group":297},102,"settings",{"id":266,"label":267,"slug":268},{"id":299,"label":272,"slug":273,"rank":77,"group":300},69,{"id":124,"label":301,"slug":302},"Navigation & Commands","navigation-and-commands",[304,305,306,307,308],{"id":271,"title":272,"slug":273},{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":310},[],{"family":312,"examples":313},"pages",[],[315,317,319,322,325,328,331],{"label":316,"to":29},"Mango product screens",{"label":318,"to":32},"Mango marketing pages",{"label":320,"to":321},"Mango user flows","\u002Fexamples\u002Fapps\u002Fmango\u002Fflows",{"label":323,"to":324},"Mango UI components","\u002Fexamples\u002Fapps\u002Fmango\u002Fcomponents",{"label":326,"to":327},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":329,"to":330},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":332,"to":333},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":335,"updated_at":336},"2016-08-24T08:00:00.000Z","2026-09-13T13:02:39.000Z"]