[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmangomint\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":327},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":307,"links":308,"dates":324},"\u002Fexamples\u002Fapps\u002Fmangomint\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Mangomint user flows examples - Nicelydone","Explore Mangomint user flow examples. Preview the opening screens and steps for each task. Everything you need to power your salon and spa","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a232456-8364-4e4b-b704-3d43b9d7f89f.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},"Mangomint design examples","\u002Fexamples\u002Fapps\u002Fmangomint",{"label":23,"to":4},"Mangomint user flows 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},"Mangomint","mangomint","Everything you need to power your salon and spa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F25bad55a-e8c6-455f-a94a-ec8e1b845320.png","https:\u002F\u002Fwww.mangomint.com",[35,39],{"id":36,"title":37,"slug":38},41,"Health and Wellness","health-and-wellness",{"id":40,"title":41,"slug":42},101,"Calendar","calendar",[44,70,94,117,140,161,184,204,227,249,267,285],{"uuid":45,"title":46,"canonical_path":4,"kind":47,"patterns_count":48,"categories":49,"screens":53,"app":69},"3e606604-d102-474e-9456-25ba6b910bc8","Resetting password","flow",6,[50],{"id":51,"title":46,"slug":52},58,"reset-password",[54,61,65],{"uuid":55,"title":56,"description":57,"image":11,"image_alt":58,"width":59,"height":60},"6a232456-8364-4e4b-b704-3d43b9d7f89f","Mangomint App","Password recovery screen where the user enters their email address to receive a reset link.","Mangomint App from Mangomint",3024,1778,{"uuid":62,"title":56,"description":63,"image":64,"image_alt":58,"width":59,"height":60},"0f100eb4-d886-4237-9619-a99298aa77ba","Password recovery screen where the user enters their email address to receive a reset link, with an option to return to login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f100eb4-d886-4237-9619-a99298aa77ba.png",{"uuid":66,"title":56,"description":67,"image":68,"image_alt":58,"width":59,"height":60},"e4ac702a-3534-4ece-b97d-a9bfd568f9e4","Password recovery screen confirming that a reset link has been sent to the user's email, with a link to return to the login page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4ac702a-3534-4ece-b97d-a9bfd568f9e4.png",{"slug":30,"title":29,"logo":32},{"uuid":71,"title":72,"canonical_path":4,"kind":47,"patterns_count":73,"categories":74,"screens":78,"app":93},"801ce86d-b17b-4933-b1c0-6d3754d3d256","Onboarding",19,[75],{"id":76,"title":72,"slug":77},45,"onboarding",[79,85,89],{"uuid":80,"title":81,"description":82,"image":83,"image_alt":84,"width":59,"height":60},"def4a380-81dc-467d-ae99-ba2eb26635af","Try for free | Mangomint Salon and Spa Software","Onboarding Form Account setup Setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdef4a380-81dc-467d-ae99-ba2eb26635af.png","Try for free | Mangomint Salon and Spa Software from Mangomint",{"uuid":86,"title":81,"description":87,"image":88,"image_alt":84,"width":59,"height":60},"770bcc27-2da4-4234-ae9d-3b2d1990e7e1","Onboarding Confirmation Account setup Setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F770bcc27-2da4-4234-ae9d-3b2d1990e7e1.png",{"uuid":90,"title":81,"description":91,"image":92,"image_alt":84,"width":59,"height":60},"0d27ee30-4a9e-4b86-b53d-9d568eb0412b","Onboarding Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d27ee30-4a9e-4b86-b53d-9d568eb0412b.png",{"slug":30,"title":29,"logo":32},{"uuid":95,"title":96,"canonical_path":4,"kind":47,"patterns_count":97,"categories":98,"screens":103,"app":116},"34a42d9b-42d8-4667-8421-a1e9da860655","Editing service settings",7,[99],{"id":100,"title":101,"slug":102},60,"Editing","edit",[104,108,112],{"uuid":105,"title":56,"description":106,"image":107,"image_alt":58,"width":59,"height":60},"659bfb4e-0406-450a-b8f7-8e1289fa8875","Settings page where the user manages service categories like hair styling, viewing details and adding new services.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F659bfb4e-0406-450a-b8f7-8e1289fa8875.png",{"uuid":109,"title":56,"description":110,"image":111,"image_alt":58,"width":59,"height":60},"11e3ac79-b8bd-4d4b-8d60-8c30248f9e88","Settings page where the user configures service categories like Hair styling and accesses their online booking direct link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11e3ac79-b8bd-4d4b-8d60-8c30248f9e88.png",{"uuid":113,"title":56,"description":114,"image":115,"image_alt":58,"width":59,"height":60},"6b5381ac-f484-4f02-8232-8f746b82d7f6","Settings page where the user manages service categories and views advanced details like direct booking links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b5381ac-f484-4f02-8232-8f746b82d7f6.png",{"slug":30,"title":29,"logo":32},{"uuid":118,"title":119,"canonical_path":4,"kind":47,"patterns_count":120,"categories":121,"screens":126,"app":139},"6d074dc4-e532-4feb-816d-1c1fb51ad3f4","Creating service",8,[122],{"id":123,"title":124,"slug":125},28,"Creating","create",[127,131,135],{"uuid":128,"title":56,"description":129,"image":130,"image_alt":58,"width":59,"height":60},"c467e88e-4922-4fb7-b76c-915bd6ecca91","Create page where the user configures a new hair styling service by entering its name, duration, processing times, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc467e88e-4922-4fb7-b76c-915bd6ecca91.png",{"uuid":132,"title":56,"description":133,"image":134,"image_alt":58,"width":59,"height":60},"bf3b5fea-e775-438c-a31d-d77f52f63b63","Create page where the user configures a new hair styling service by setting its name, duration, processing time, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf3b5fea-e775-438c-a31d-d77f52f63b63.png",{"uuid":136,"title":56,"description":137,"image":138,"image_alt":58,"width":59,"height":60},"79692a3b-dbf1-4973-8aaa-482c14b2fabf","Create page where the user configures a new hair styling service by entering a name and selecting a duration from a list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79692a3b-dbf1-4973-8aaa-482c14b2fabf.png",{"slug":30,"title":29,"logo":32},{"uuid":141,"title":142,"canonical_path":4,"kind":47,"patterns_count":143,"categories":144,"screens":146,"app":160},"a770492b-2146-4163-83ba-a17cb12dfa34","Editing service",11,[145],{"id":100,"title":101,"slug":102},[147,151,155],{"uuid":148,"title":56,"description":149,"image":150,"image_alt":58,"width":59,"height":60},"be472c2f-e454-4f75-b277-9af695e0ddd7","Settings page where the user views and edits the details of a specific service, including its duration, processing time, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe472c2f-e454-4f75-b277-9af695e0ddd7.png",{"uuid":152,"title":56,"description":153,"image":154,"image_alt":58,"width":59,"height":60},"d476154c-fe7a-4032-b528-8c450830e055","Settings page where the user views the configuration details for a specific service offering, including duration, processing time, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd476154c-fe7a-4032-b528-8c450830e055.png",{"uuid":156,"title":56,"description":157,"image":158,"image_alt":58,"width":59,"height":159},"115cc120-2308-4341-9d4b-a2973ee4a1d1","Settings page where the user configures the details of a specific service, including its name, duration, processing time, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F115cc120-2308-4341-9d4b-a2973ee4a1d1.png",2280,{"slug":30,"title":29,"logo":32},{"uuid":162,"title":163,"canonical_path":4,"kind":47,"patterns_count":164,"categories":165,"screens":167,"app":183},"3f29741e-9965-41b0-8a45-68a6dfc6afb4","Editing service options",9,[166],{"id":100,"title":101,"slug":102},[168,173,178],{"uuid":169,"title":56,"description":170,"image":171,"image_alt":58,"width":59,"height":172},"eac9eb2e-a40b-4b13-b612-d3df46d9579d","Settings Form Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feac9eb2e-a40b-4b13-b612-d3df46d9579d.png",2364,{"uuid":174,"title":56,"description":175,"image":176,"image_alt":58,"width":59,"height":177},"0cddcce3-e383-4227-bb48-d1583e48a116","Form Sidebar navigation Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cddcce3-e383-4227-bb48-d1583e48a116.png",2486,{"uuid":179,"title":56,"description":180,"image":181,"image_alt":58,"width":59,"height":182},"910b305b-7633-4722-a9bf-a442f0e08880","Sidebar Settings Form Configuration Modal screen Save changes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F910b305b-7633-4722-a9bf-a442f0e08880.png",3502,{"slug":30,"title":29,"logo":32},{"uuid":185,"title":186,"canonical_path":4,"kind":47,"patterns_count":187,"categories":188,"screens":190,"app":203},"d28069d9-f5b1-44c8-83af-85204cffe380","Creating appointment",10,[189],{"id":123,"title":124,"slug":125},[191,195,199],{"uuid":192,"title":56,"description":193,"image":194,"image_alt":58,"width":59,"height":60},"d40c80b8-0558-46b5-a48d-596fc12f9443","Calendar view where the user is scheduling a new appointment by selecting a client, service, and time slot in a side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd40c80b8-0558-46b5-a48d-596fc12f9443.png",{"uuid":196,"title":56,"description":197,"image":198,"image_alt":58,"width":59,"height":60},"fe8023dd-127c-4971-bd31-41aac96cd1b3","Calendar view where the user is scheduling a new appointment for a client named Mike on Sunday, May 18th.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe8023dd-127c-4971-bd31-41aac96cd1b3.png",{"uuid":200,"title":56,"description":201,"image":202,"image_alt":58,"width":59,"height":60},"baace873-772f-4ed8-b440-52629f89b9c5","Calendar view where the user is creating a new appointment for a client named Mike on Sunday, May 18th at 2:00 PM via a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbaace873-772f-4ed8-b440-52629f89b9c5.png",{"slug":30,"title":29,"logo":32},{"uuid":205,"title":206,"canonical_path":4,"kind":47,"patterns_count":207,"categories":208,"screens":213,"app":226},"cbcce8fd-5e8d-4e98-b5e9-547f1835b54e","Adding to waitlist",12,[209],{"id":210,"title":211,"slug":212},2,"Adding to collection","add-to-collection",[214,218,222],{"uuid":215,"title":56,"description":216,"image":217,"image_alt":58,"width":59,"height":60},"45848ac9-d04e-4d99-84f3-fc4c27f81d92","Calendar view where the user manages weekly staff schedules and views a filtered waitlist for upcoming appointments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45848ac9-d04e-4d99-84f3-fc4c27f81d92.png",{"uuid":219,"title":56,"description":220,"image":221,"image_alt":58,"width":59,"height":60},"73c223e9-9411-423f-ba84-bcdf0a7004f1","Calendar view where the user manages weekly staff appointments alongside a filtered waitlist sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73c223e9-9411-423f-ba84-bcdf0a7004f1.png",{"uuid":223,"title":56,"description":224,"image":225,"image_alt":58,"width":59,"height":60},"1303fb2b-42da-49ff-9f43-3e4133301361","Calendar view where the user is creating a new waitlist entry for a client, specifying date, time, and service details in a side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1303fb2b-42da-49ff-9f43-3e4133301361.png",{"slug":30,"title":29,"logo":32},{"uuid":228,"title":229,"canonical_path":4,"kind":47,"patterns_count":230,"categories":231,"screens":235,"app":248},"c3ef01e6-b3d3-4ba8-87f8-499fd950ea9d","Booking experience",22,[232],{"id":233,"title":229,"slug":234},5,"book-experience",[236,240,244],{"uuid":237,"title":56,"description":238,"image":239,"image_alt":58,"width":59,"height":60},"f9694f1a-9363-42e5-8f6d-bc732c067e23","Calendar view where the user manages salon appointments, with a side drawer showing details for a specific waitlist entry.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9694f1a-9363-42e5-8f6d-bc732c067e23.png",{"uuid":241,"title":56,"description":242,"image":243,"image_alt":58,"width":59,"height":60},"d3ce9314-a3d9-4305-99df-a05e428c9d36","Grid Calendar screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3ce9314-a3d9-4305-99df-a05e428c9d36.png",{"uuid":245,"title":56,"description":246,"image":247,"image_alt":58,"width":59,"height":60},"1e3c0c8c-707b-457d-992d-8180d9b1113c","Calendar view where the user manages weekly staff appointments and monitors a filtered waitlist of clients.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e3c0c8c-707b-457d-992d-8180d9b1113c.png",{"slug":30,"title":29,"logo":32},{"uuid":250,"title":229,"canonical_path":4,"kind":47,"patterns_count":143,"categories":251,"screens":253,"app":266},"b7c5dddf-9981-4561-ac93-1cf51829a1a7",[252],{"id":233,"title":229,"slug":234},[254,258,262],{"uuid":255,"title":56,"description":256,"image":257,"image_alt":58,"width":59,"height":60},"88aa7170-1de4-4352-91ee-527b38f17ee7","Calendar view where the user reviews a selected haircut appointment for Mike Stone, including client contact info, service details, and booking history.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F88aa7170-1de4-4352-91ee-527b38f17ee7.png",{"uuid":259,"title":56,"description":260,"image":261,"image_alt":58,"width":59,"height":60},"991f8b81-fecd-4d1c-91b6-e12fc9ea47de","Calendar view where the user manages appointments, showing a detail drawer for a specific haircut appointment with a context menu open to update its status or proceed to checkout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F991f8b81-fecd-4d1c-91b6-e12fc9ea47de.png",{"uuid":263,"title":56,"description":264,"image":265,"image_alt":58,"width":59,"height":60},"db9cc50c-21ff-4be2-ba93-a968909f307f","Calendar view for appointment scheduling featuring a detail drawer for a specific booking, overlaid with a confirmation modal asking the user if they want to begin the checkout process for a future appointment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb9cc50c-21ff-4be2-ba93-a968909f307f.png",{"slug":30,"title":29,"logo":32},{"uuid":268,"title":229,"canonical_path":4,"kind":47,"patterns_count":120,"categories":269,"screens":271,"app":284},"7f0064f3-5323-4819-ac53-3f0e533c3275",[270],{"id":233,"title":229,"slug":234},[272,276,280],{"uuid":273,"title":56,"description":274,"image":275,"image_alt":58,"width":59,"height":60},"84e28440-303b-4817-adcf-44166cfa3622","Calendar view where the user manages their weekly schedule and views the details of a specific closed sale, including notes and payment breakdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84e28440-303b-4817-adcf-44166cfa3622.png",{"uuid":277,"title":56,"description":278,"image":279,"image_alt":58,"width":59,"height":60},"de03f785-3685-43b1-be0d-9d4cd4b1b7ff","Calendar view where the user manages appointments and views details for a specific closed sale in a right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde03f785-3685-43b1-be0d-9d4cd4b1b7ff.png",{"uuid":281,"title":56,"description":282,"image":283,"image_alt":58,"width":59,"height":60},"31d4727a-3466-4090-8295-16dd0aa7039d","Calendar view where the user manages weekly appointments and processes a checkout for a selected haircut service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31d4727a-3466-4090-8295-16dd0aa7039d.png",{"slug":30,"title":29,"logo":32},{"uuid":286,"title":287,"canonical_path":4,"kind":47,"patterns_count":230,"categories":288,"screens":293,"app":306},"f271c499-35a1-4590-b892-ca06c42971cd","Adding client",[289],{"id":290,"title":291,"slug":292},80,"Adding","add",[294,298,302],{"uuid":295,"title":56,"description":296,"image":297,"image_alt":58,"width":59,"height":60},"b3fb5f27-c494-4138-b584-73f944f01f0f","List view where the user manages their client database, with options to search by name or contact info, and add new clients.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb3fb5f27-c494-4138-b584-73f944f01f0f.png",{"uuid":299,"title":56,"description":300,"image":301,"image_alt":58,"width":59,"height":60},"b00e845c-68ef-4b1d-bc0c-0d7b174c0ecd","List view displaying the business's clients with columns for name, email, and phone number, alongside a search bar and an add client action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb00e845c-68ef-4b1d-bc0c-0d7b174c0ecd.png",{"uuid":303,"title":56,"description":304,"image":305,"image_alt":58,"width":59,"height":60},"3fc35043-51df-421e-b97a-e2c4ed7e0f1d","Drawer where the user creates a new client record by entering personal details like name, email, and phone number.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fc35043-51df-421e-b97a-e2c4ed7e0f1d.png",{"slug":30,"title":29,"logo":32},[],[309,312,315,318,321],{"label":310,"to":311},"Mangomint product screens","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fscreens",{"label":313,"to":314},"Mangomint marketing pages","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fmarketing",{"label":316,"to":317},"Mangomint UI components","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fcomponents",{"label":319,"to":320},"Health and Wellness app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhealth-and-wellness",{"label":322,"to":323},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"published_at":325,"updated_at":326},"2025-05-19T07:50:07.000Z","2026-09-13T13:02:39.000Z",{"left":328,"top":328,"width":329,"height":329,"rotate":328,"vFlip":330,"hFlip":330,"body":331},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]