[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002Fadd":3,"content-store-meta":-1,"i-custom:bookmark":282},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":248,"links":249,"dates":279},"\u002Fexamples\u002Fflows\u002Fadd","collection","flows",true,{"example_count":9,"app_count":10},323,106,{"id":12,"title":13,"description":14},80,"Adding","See how SaaS apps introduce adding an item to an existing workspace. Preview the opening steps and how the interface establishes what will be added and where it belongs.",{"title":16,"description":17,"og_image":18},"Adding flow examples - Nicelydone","Adding user flow examples from SaaS apps. See how SaaS apps introduce adding an item to an existing workspace. Preview the opening steps and how the…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fded1e433-d2e8-4395-9562-a39afe893340.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":27,"to":4},"Adding flow examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"User flow category","Adding user flow examples from SaaS apps. See how SaaS apps introduce adding an item to an existing workspace. Preview the opening steps and how the interface establishes what will be added and…",[32],{"title":33,"description":14,"links":34},"About Adding",[],[36],"323 flows",[38,67,98,128,154,179,207,226],{"uuid":39,"title":40,"description":41,"canonical_path":42,"kind":43,"patterns_count":44,"categories":45,"screens":48,"app":64},"e8549fc8-29de-4287-ba5c-40bff6d1a478","Adding savings account","User adds a savings account manually from the personal finance dashboard by selecting asset type then completing multi-step form modals for account name, balance, type, and start date","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows","flow",8,[46],{"id":12,"title":13,"slug":47},"add",[49,56,60],{"uuid":50,"title":51,"description":52,"image":18,"image_alt":53,"width":54,"height":55},"ded1e433-d2e8-4395-9562-a39afe893340","Origin Financial","Dashboard overview where the user can view their net worth, track monthly spending, and continue their onboarding checklist.","Origin Financial from Origin Financial",3024,1758,{"uuid":57,"title":51,"description":58,"image":59,"image_alt":53,"width":54,"height":55},"851f40e9-6f46-4963-990d-09d633759066","Import data","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F851f40e9-6f46-4963-990d-09d633759066.png",{"uuid":61,"title":51,"description":62,"image":63,"image_alt":53,"width":54,"height":55},"be5becf3-8309-43b6-988e-ac25bfd75453","Dashboard where the user manually adds a savings account by entering its name, balance, and start date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe5becf3-8309-43b6-988e-ac25bfd75453.png",{"slug":65,"title":51,"logo":66},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":68,"title":69,"description":70,"canonical_path":71,"kind":43,"patterns_count":72,"categories":73,"screens":79,"app":94},"f8e49fbc-6710-4752-9018-95d3bda7818b","Adding Flutter platform","User opens add platform modal or onboarding step to register a new Flutter integration by selecting target OS and entering app details like name, package ID or bundle ID","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",13,[74,75],{"id":12,"title":13,"slug":47},{"id":76,"title":77,"slug":78},62,"Connecting to integration","connect-to-integration",[80,86,90],{"uuid":81,"title":82,"description":83,"image":84,"image_alt":85,"width":54,"height":55},"2a60a87e-3b76-4211-9dce-da5218a2a383","Console - Appwrite","Create screen where the user configures a new Flutter platform integration by selecting a target OS like Android or iOS and providing app details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a60a87e-3b76-4211-9dce-da5218a2a383.png","Console - Appwrite from Appwrite",{"uuid":87,"title":82,"description":88,"image":89,"image_alt":85,"width":54,"height":55},"31c3238b-6959-49f0-9bbb-ac1c61c0c6e8","Create screen where the user configures a new Flutter platform integration by selecting the target operating system and providing a name and package identifier.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31c3238b-6959-49f0-9bbb-ac1c61c0c6e8.png",{"uuid":91,"title":82,"description":92,"image":93,"image_alt":85,"width":54,"height":55},"61fb897a-e6dc-406d-9123-68135eb31188","Creation modal where the user configures a new Flutter platform integration by selecting the target OS and providing a bundle ID.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61fb897a-e6dc-406d-9123-68135eb31188.png",{"slug":95,"title":96,"logo":97},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":99,"title":100,"description":101,"canonical_path":102,"kind":43,"patterns_count":44,"categories":103,"screens":109,"app":124},"115d06da-25d7-4b3a-a2c7-6cad18c333e3","Adding products and services","Onboarding flow to configure products and services for the AI receptionist to reference with callers","\u002Fexamples\u002Fapps\u002Fbeside\u002Fflows",[104,105],{"id":12,"title":13,"slug":47},{"id":106,"title":107,"slug":108},45,"Onboarding","onboarding",[110,116,120],{"uuid":111,"title":112,"description":113,"image":114,"image_alt":115,"width":54,"height":55},"d231979a-c88b-40e2-8e7a-773c1b5e0aa9","Beside | Join - Beside","Onboarding step where the user is prompted to add products or services for their AI receptionist to share with callers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd231979a-c88b-40e2-8e7a-773c1b5e0aa9.png","Beside | Join - Beside from Beside",{"uuid":117,"title":112,"description":118,"image":119,"image_alt":115,"width":54,"height":55},"4c091843-e2a3-4053-8497-9b7117928c36","Onboarding step where the user adds a new product or service via a modal form, specifying name, price, and an optional description.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c091843-e2a3-4053-8497-9b7117928c36.png",{"uuid":121,"title":112,"description":122,"image":123,"image_alt":115,"width":54,"height":55},"1934f6d8-063e-46a0-a992-c1ecc032b765","Onboarding step where the user lists the products or services they offer to train their AI receptionist.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1934f6d8-063e-46a0-a992-c1ecc032b765.png",{"slug":125,"title":126,"logo":127},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",{"uuid":129,"title":130,"canonical_path":131,"kind":43,"patterns_count":132,"categories":133,"screens":135,"app":150},"b48144c7-e43f-4046-82e6-780ad8f9dc29","Adding employee","\u002Fexamples\u002Fapps\u002Faboard\u002Fflows",9,[134],{"id":12,"title":13,"slug":47},[136,142,146],{"uuid":137,"title":138,"description":139,"image":140,"image_alt":141,"width":54,"height":55},"54d2dbe8-e25d-42fa-bf16-5b79f2d8e89f","Dashboard | Aboard","Home screen for an HR admin featuring quick actions to add employees or create posts, alongside empty widgets for tasks, birthdays, and time-off requests.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54d2dbe8-e25d-42fa-bf16-5b79f2d8e89f.png","Dashboard | Aboard from Aboard",{"uuid":143,"title":138,"description":144,"image":145,"image_alt":141,"width":54,"height":55},"aebdc7b5-e638-40bc-b6d0-2e89faedfb17","Quick actions","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faebdc7b5-e638-40bc-b6d0-2e89faedfb17.png",{"uuid":147,"title":138,"description":148,"image":149,"image_alt":141,"width":54,"height":55},"891545bd-2ce6-4dc3-9127-16f04ad1ca73","Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F891545bd-2ce6-4dc3-9127-16f04ad1ca73.png",{"slug":151,"title":152,"logo":153},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png",{"uuid":155,"title":156,"canonical_path":157,"kind":43,"patterns_count":158,"categories":159,"screens":161,"app":176},"2fb4a807-4f47-4b34-a009-5e0adb939966","Adding form property","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fflows",6,[160],{"id":12,"title":13,"slug":47},[162,168,172],{"uuid":163,"title":164,"description":165,"image":166,"image_alt":167,"width":54,"height":55},"c4db3004-915a-4733-abb8-34a8c19bd70d","Navattic","Modal dialog","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4db3004-915a-4733-abb8-34a8c19bd70d.png","Navattic from Navattic",{"uuid":169,"title":164,"description":170,"image":171,"image_alt":167,"width":54,"height":55},"627d1bce-9d1e-4fb7-9dcb-a23a0991bdd3","Form builder modal where the user defines a new visitor or company property by entering a label, property name, and selecting a field type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F627d1bce-9d1e-4fb7-9dcb-a23a0991bdd3.png",{"uuid":173,"title":164,"description":174,"image":175,"image_alt":167,"width":54,"height":55},"e39c39ae-c6ef-4f5e-829a-0180b4dcd9c7","Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe39c39ae-c6ef-4f5e-829a-0180b4dcd9c7.png",{"slug":177,"title":164,"logo":178},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png",{"uuid":180,"title":181,"canonical_path":182,"kind":43,"patterns_count":183,"categories":184,"screens":186,"app":203},"1a5462a9-d5ff-4d6b-9bee-fa38dfc2e69c","Applying bulk tags","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fflows",40,[185],{"id":12,"title":13,"slug":47},[187,195,199],{"uuid":188,"title":189,"description":190,"image":191,"image_alt":192,"width":193,"height":194},"bf0f658c-44ae-4c63-9238-de3869920519","Tags | Mailchimp","Marketing automation File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf0f658c-44ae-4c63-9238-de3869920519.png","Tags | Mailchimp from Mailchimp",2880,1670,{"uuid":196,"title":189,"description":197,"image":198,"image_alt":192,"width":193,"height":194},"0a63a336-19a2-4acd-917e-e17900b0b8b8","Audience management File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a63a336-19a2-4acd-917e-e17900b0b8b8.png",{"uuid":200,"title":189,"description":201,"image":202,"image_alt":192,"width":193,"height":194},"bc41056d-14b9-404c-8d1a-b4b5d722bd5f","Email marketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc41056d-14b9-404c-8d1a-b4b5d722bd5f.png",{"slug":204,"title":205,"logo":206},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png",{"uuid":208,"title":209,"canonical_path":210,"kind":43,"patterns_count":211,"categories":212,"screens":214,"app":222},"fdd9c4df-1eef-41e6-b132-d6f1e6d6987e","Adding labels","\u002Fexamples\u002Fapps\u002Flinear\u002Fflows",7,[213],{"id":12,"title":13,"slug":47},[215],{"uuid":216,"title":217,"description":218,"image":219,"image_alt":220,"width":54,"height":221},"1c2b46d1-638b-4453-b01e-c3db1c7cb57f","NIC-523 Align metrics between product and marketing","Task management Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c2b46d1-638b-4453-b01e-c3db1c7cb57f.png","NIC-523 Align metrics between product and marketing from Linear",1776,{"slug":223,"title":224,"logo":225},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png",{"uuid":227,"title":228,"canonical_path":229,"kind":43,"patterns_count":211,"categories":230,"screens":232,"app":245},"2d31f664-fee1-45e8-b7c9-a2736e56c62e","Adding agents to inbox","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fflows",[231],{"id":12,"title":13,"slug":47},[233,238,241],{"uuid":234,"title":235,"description":148,"image":236,"image_alt":237,"width":54,"height":221},"f4680689-9827-45a9-89c3-638e29d48191","Chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4680689-9827-45a9-89c3-638e29d48191.png","Chatwoot from Chatwoot",{"uuid":239,"title":235,"description":148,"image":240,"image_alt":237,"width":54,"height":221},"42b9e010-df60-4ce0-a843-7414ef67c37b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42b9e010-df60-4ce0-a843-7414ef67c37b.png",{"uuid":242,"title":235,"description":243,"image":244,"image_alt":237,"width":54,"height":221},"9521973d-f60e-4973-8855-c50c1d78369a","Wizard step where the user assigns agents to a newly created inbox using a multi-select combobox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9521973d-f60e-4973-8855-c50c1d78369a.png",{"slug":246,"title":235,"logo":247},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png",[],[250,253,255,258,261,264,267,270,273,276],{"label":77,"to":251,"count":252},"\u002Fexamples\u002Fflows\u002Fconnect-to-integration",1,{"label":107,"to":254,"count":252},"\u002Fexamples\u002Fflows\u002Fonboarding",{"label":256,"to":257},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":259,"to":260},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":262,"to":263},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":265,"to":266},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":268,"to":269},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":271,"to":272},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":274,"to":275},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":277,"to":278},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"published_at":280,"updated_at":281},"2023-04-24T07:59:47.000Z","2026-09-17T10:44:16.000Z",{"left":283,"top":283,"width":284,"height":284,"rotate":283,"vFlip":285,"hFlip":285,"body":286},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>"]