[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F1f341598-89ca-4002-88ae-a28c23170202":3,"content-store-meta":-1,"i-custom:bookmark":408},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":61,"links":396,"dates":405},"\u002Fexamples\u002Fflows\u002F1f341598-89ca-4002-88ae-a28c23170202","detail","flows",true,{"title":9,"description":10,"og_image":11},"Adding web platform - Nicelydone","User adds a web platform to an Appwrite project by selecting a framework and hostname in a modal then completing multi-step onboarding setup with code…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d67f00b-5c06-49e8-a4d1-9a150bc25b83.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Adding web platform",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"User flow","User adds a web platform to an Appwrite project by selecting a framework and hostname in a modal then completing multi-step onboarding setup with code snippets and starter kit",[],[],[27],{"uuid":28,"title":20,"description":23,"canonical_path":29,"kind":30,"patterns_count":31,"categories":32,"screens":41,"app":57},"1f341598-89ca-4002-88ae-a28c23170202","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows","flow",7,[33,37],{"id":34,"title":35,"slug":36},80,"Adding","add",{"id":38,"title":39,"slug":40},62,"Connecting to integration","connect-to-integration",[42,49,53],{"uuid":43,"title":44,"description":45,"image":11,"image_alt":46,"width":47,"height":48},"0d67f00b-5c06-49e8-a4d1-9a150bc25b83","Console - Appwrite","Integration setup Project setup","Console - Appwrite from Appwrite",3024,1758,{"uuid":50,"title":44,"description":51,"image":52,"image_alt":46,"width":47,"height":48},"a555fd88-74ee-4537-aac2-5e21d323622a","Project setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa555fd88-74ee-4537-aac2-5e21d323622a.png",{"uuid":54,"title":44,"description":55,"image":56,"image_alt":46,"width":47,"height":48},"15766c56-9f29-4838-b1f8-c4b0a8a2b52f","Onboarding step where the user configures a new Vue web platform by copying an AI setup prompt and cloning a starter kit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15766c56-9f29-4838-b1f8-c4b0a8a2b52f.png",{"slug":58,"title":59,"logo":60},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",[62],{"family":6,"title":63,"examples":64},"Related user flows",[65,92,117,143,173,204,243,273,299,324,347,372],{"uuid":66,"title":67,"description":68,"canonical_path":69,"kind":30,"patterns_count":70,"categories":71,"screens":73,"app":88},"760bf976-cebf-4d1f-9ff2-8cceb1814a32","Exploring MCP integration","Marketing feature page sequence presenting MCP server URL, setup instructions, capabilities, and FAQ for connecting Magnific to AI clients like Claude and ChatGPT","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",8,[72],{"id":38,"title":39,"slug":40},[74,80,84],{"uuid":75,"title":76,"description":77,"image":78,"image_alt":79,"width":47,"height":48},"904aa862-fd58-405d-aa9b-2cf4610f2181","Magnific MCP. Every agent runs Magnific.","Feature page where the user can copy the Model Context Protocol server URL to connect the platform to AI clients like Claude and ChatGPT.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F904aa862-fd58-405d-aa9b-2cf4610f2181.png","Magnific MCP. Every agent runs Magnific. from Magnific",{"uuid":81,"title":76,"description":82,"image":83,"image_alt":79,"width":47,"height":48},"b4bcc06e-953d-46a8-a7e4-94953ac38ce5","Feature page hero section explaining how to connect the Magnific platform to various AI clients via MCP, providing a copyable server URL and a one-click installation button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4bcc06e-953d-46a8-a7e4-94953ac38ce5.png",{"uuid":85,"title":76,"description":86,"image":87,"image_alt":79,"width":47,"height":48},"6295e66d-c59e-4c8a-ae5d-545a670a5510","Feature page section outlining the capabilities of the Magnific MCP integration, such as generation, editing, and model management, presented in a three-column grid above a media preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6295e66d-c59e-4c8a-ae5d-545a670a5510.png",{"slug":89,"title":90,"logo":91},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":93,"title":94,"description":95,"canonical_path":96,"kind":30,"patterns_count":70,"categories":97,"screens":99,"app":114},"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",[98],{"id":34,"title":35,"slug":36},[100,106,110],{"uuid":101,"title":102,"description":103,"image":104,"image_alt":105,"width":47,"height":48},"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.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fded1e433-d2e8-4395-9562-a39afe893340.png","Origin Financial from Origin Financial",{"uuid":107,"title":102,"description":108,"image":109,"image_alt":105,"width":47,"height":48},"851f40e9-6f46-4963-990d-09d633759066","Import data","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F851f40e9-6f46-4963-990d-09d633759066.png",{"uuid":111,"title":102,"description":112,"image":113,"image_alt":105,"width":47,"height":48},"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":115,"title":102,"logo":116},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":118,"title":119,"description":120,"canonical_path":121,"kind":30,"patterns_count":122,"categories":123,"screens":125,"app":139},"c9f1cf17-e78c-43f7-af1c-e513b2ec1071","Connecting integrations","User browses integration directory in settings and connects third-party tools like Atlassian, GitHub, Figma, Asana, Slack for AI agents","\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows",10,[124],{"id":38,"title":39,"slug":40},[126,132,136],{"uuid":127,"title":128,"description":129,"image":130,"image_alt":131,"width":47,"height":48},"4bad2446-6a70-4658-8d40-b057ef066fda","Zaro - The Context Layer for Enterprise AI","Settings page where the user browses and connects third-party tools like Atlassian, GitHub, and Figma for their AI agents to use.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4bad2446-6a70-4658-8d40-b057ef066fda.png","Zaro - The Context Layer for Enterprise AI from Zaro",{"uuid":133,"title":128,"description":134,"image":135,"image_alt":131,"width":47,"height":48},"9d0ee11f-8c5a-48c1-99e9-21cf1f0f1b0b","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d0ee11f-8c5a-48c1-99e9-21cf1f0f1b0b.png",{"uuid":137,"title":128,"description":134,"image":138,"image_alt":131,"width":47,"height":48},"8c9a9f45-bfc8-415a-ab86-544a2005b0e6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9a9f45-bfc8-415a-ab86-544a2005b0e6.png",{"slug":140,"title":141,"logo":142},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png",{"uuid":144,"title":145,"description":146,"canonical_path":147,"kind":30,"patterns_count":70,"categories":148,"screens":154,"app":169},"945bf17e-45a8-4f9a-a2ac-cb24bc3e9b8f","Selecting ingest method","User searches, filters, and selects an ingest method from categorized grids of integrations for a specific dataset","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows",[149,150],{"id":38,"title":39,"slug":40},{"id":151,"title":152,"slug":153},82,"Selecting","select",[155,161,165],{"uuid":156,"title":157,"description":158,"image":159,"image_alt":160,"width":47,"height":48},"7883b876-c18e-4092-bc02-a7c728360254","newdata-test - Datasets - Axiom","Detail page for a specific dataset where the user searches and selects an ingest method from a categorized grid of integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7883b876-c18e-4092-bc02-a7c728360254.png","newdata-test - Datasets - Axiom from Axiom",{"uuid":162,"title":157,"description":163,"image":164,"image_alt":160,"width":47,"height":48},"a788f275-33bf-4acc-a580-69d93517b592","Integration setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa788f275-33bf-4acc-a580-69d93517b592.png",{"uuid":166,"title":157,"description":167,"image":168,"image_alt":160,"width":47,"height":48},"31debd65-115b-488f-8764-6a0e471980d2","Data pipeline","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31debd65-115b-488f-8764-6a0e471980d2.png",{"slug":170,"title":171,"logo":172},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png",{"uuid":174,"title":175,"description":176,"canonical_path":177,"kind":30,"patterns_count":178,"categories":179,"screens":181,"app":200},"4df870e2-9187-48c4-9c86-49e5d4e60e9b","Connecting HubSpot integration","User browses integrations directory, encounters paywalled HubSpot settings, completes OAuth auth and consent flow, then configures object sync settings","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",11,[180],{"id":38,"title":39,"slug":40},[182,188,194],{"uuid":183,"title":184,"description":185,"image":186,"image_alt":187,"width":47,"height":48},"0bec2e17-8e9c-4210-b40a-dd6060f43ef2","Integrations · Dock","Integration setup CRM integration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0bec2e17-8e9c-4210-b40a-dd6060f43ef2.png","Integrations · Dock from Dock",{"uuid":189,"title":190,"description":191,"image":192,"image_alt":193,"width":47,"height":48},"a36ea81e-5ced-48e0-9f52-9c0e662c99e2","Salesforce · Dock","Call to action Modern Navigation bar Sidebar Settings Integration Sidebar navigation Account management Configuration Hierarchical navigation Integration management Detail view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa36ea81e-5ced-48e0-9f52-9c0e662c99e2.png","Salesforce · Dock from Dock",{"uuid":195,"title":196,"description":197,"image":198,"image_alt":199,"width":47,"height":48},"2ff7a83d-aaf1-4287-aac6-4f03528b7595","HubSpot · Dock","Call to action Modern Sidebar Settings Data management Sidebar navigation Configuration Integration setup Integration management Detail view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ff7a83d-aaf1-4287-aac6-4f03528b7595.png","HubSpot · Dock from Dock",{"slug":201,"title":202,"logo":203},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":205,"title":206,"description":207,"canonical_path":208,"kind":30,"patterns_count":209,"categories":210,"screens":224,"app":239},"587feb58-6eb1-43dd-b888-05000632e703","Configuring webchat integration","User configures installation snippet, appearance, security, and deployment options for Voiceflow AI agent's webchat widget across multiple settings screens, with upgrade prompts for advanced features","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows",9,[211,212,216,220],{"id":38,"title":39,"slug":40},{"id":213,"title":214,"slug":215},67,"Customizing","customize",{"id":217,"title":218,"slug":219},71,"Settings","settings",{"id":221,"title":222,"slug":223},49,"Upgrading subscription","upgrade-your-plan",[225,231,235],{"uuid":226,"title":227,"description":228,"image":229,"image_alt":230,"width":47,"height":48},"8c9b554d-cc6d-4706-9701-9a4f76898e50","My first AI agent","Settings page where the user configures the installation snippet, appearance, and security of their webchat widget, while an onboarding prompt encourages them to build their first agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9b554d-cc6d-4706-9701-9a4f76898e50.png","My first AI agent from Voiceflow",{"uuid":232,"title":227,"description":233,"image":234,"image_alt":230,"width":47,"height":48},"3721cc19-003b-4c2b-b753-06c6e0fdc618","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3721cc19-003b-4c2b-b753-06c6e0fdc618.png",{"uuid":236,"title":227,"description":237,"image":238,"image_alt":230,"width":47,"height":48},"7f47927e-2c63-4b54-8754-881092ef0f39","Code snippet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f47927e-2c63-4b54-8754-881092ef0f39.png",{"slug":240,"title":241,"logo":242},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",{"uuid":244,"title":245,"description":246,"canonical_path":247,"kind":30,"patterns_count":70,"categories":248,"screens":254,"app":269},"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",[249,250],{"id":34,"title":35,"slug":36},{"id":251,"title":252,"slug":253},45,"Onboarding","onboarding",[255,261,265],{"uuid":256,"title":257,"description":258,"image":259,"image_alt":260,"width":47,"height":48},"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":262,"title":257,"description":263,"image":264,"image_alt":260,"width":47,"height":48},"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":266,"title":257,"description":267,"image":268,"image_alt":260,"width":47,"height":48},"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":270,"title":271,"logo":272},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",{"uuid":274,"title":275,"description":276,"canonical_path":277,"kind":30,"patterns_count":178,"categories":278,"screens":280,"app":295},"73e415a6-44e0-48e7-9b88-a9d028e74405","Connecting financial accounts","Onboarding sequence linking banks, investments, crypto, loans via Plaid or manual entry to populate net worth dashboard","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fflows",[279],{"id":38,"title":39,"slug":40},[281,287,291],{"uuid":282,"title":283,"description":284,"image":285,"image_alt":286,"width":47,"height":48},"49d43215-76ba-488e-acbe-6d910e6f95c6","Copilot Money | Onboarding","Onboarding step where the user links their bank, investment, crypto, or loan accounts to populate their net worth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49d43215-76ba-488e-acbe-6d910e6f95c6.png","Copilot Money | Onboarding from Copilot",{"uuid":288,"title":283,"description":289,"image":290,"image_alt":286,"width":47,"height":48},"bd278df2-fbe7-4387-8dcd-5185254488a5","Onboarding step where the user links their financial accounts by selecting from popular banks or browsing by account type like Banks, Crypto, or Loans.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd278df2-fbe7-4387-8dcd-5185254488a5.png",{"uuid":292,"title":283,"description":293,"image":294,"image_alt":286,"width":47,"height":48},"c86e8645-ca83-4c0e-9ae7-08fddfcc8593","Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc86e8645-ca83-4c0e-9ae7-08fddfcc8593.png",{"slug":296,"title":297,"logo":298},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png",{"uuid":300,"title":119,"description":301,"canonical_path":302,"kind":30,"patterns_count":303,"categories":304,"screens":306,"app":321},"5e892d9c-d872-4cef-ad13-333950b3e90d","User browses the integrations directory in settings, filters and searches available tools, views connected accounts, opens a request modal for missing integrations, and submits a request for an unsupported tool.","\u002Fexamples\u002Fapps\u002Ftown\u002Fflows",6,[305],{"id":38,"title":39,"slug":40},[307,313,317],{"uuid":308,"title":309,"description":310,"image":311,"image_alt":312,"width":47,"height":48},"8e7459f0-00d5-455c-bc5b-4e4e816619ca","Town","Trial banner","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e7459f0-00d5-455c-bc5b-4e4e816619ca.png","Town from Town",{"uuid":314,"title":309,"description":315,"image":316,"image_alt":312,"width":47,"height":48},"709f9c0b-619b-468e-a800-366d24fdf972","Settings page where the user browses and connects third-party integrations like Google, Linear, and Notion, and can request new ones.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F709f9c0b-619b-468e-a800-366d24fdf972.png",{"uuid":318,"title":309,"description":319,"image":320,"image_alt":312,"width":47,"height":48},"6b6014af-e104-4e2e-b00f-f0d8174ed110","Settings page where the user browses and manages connected tools like Google, Linear, and Notion, with an open modal to search and request new integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b6014af-e104-4e2e-b00f-f0d8174ed110.png",{"slug":322,"title":309,"logo":323},"town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png",{"uuid":325,"title":326,"canonical_path":327,"kind":30,"patterns_count":122,"categories":328,"screens":330,"app":343},"8a534c3c-f44e-413d-a6ea-dd3df56bc1ca","Connecting GitHub","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",[329],{"id":38,"title":39,"slug":40},[331,337,340],{"uuid":332,"title":333,"description":334,"image":335,"image_alt":336,"width":47,"height":48},"60991e07-b8ee-45af-9f89-d89d194e5c90","Project settings - Lovable","Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60991e07-b8ee-45af-9f89-d89d194e5c90.png","Project settings - Lovable from Lovable",{"uuid":338,"title":333,"description":134,"image":339,"image_alt":336,"width":47,"height":48},"841cfd05-6c88-4748-9d22-6cdb377809fd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F841cfd05-6c88-4748-9d22-6cdb377809fd.png",{"uuid":341,"title":333,"description":163,"image":342,"image_alt":336,"width":47,"height":48},"d1fdcf86-2b6a-4d67-807c-2044db41b916","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1fdcf86-2b6a-4d67-807c-2044db41b916.png",{"slug":344,"title":345,"logo":346},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png",{"uuid":348,"title":349,"canonical_path":350,"kind":30,"patterns_count":209,"categories":351,"screens":353,"app":368},"b48144c7-e43f-4046-82e6-780ad8f9dc29","Adding employee","\u002Fexamples\u002Fapps\u002Faboard\u002Fflows",[352],{"id":34,"title":35,"slug":36},[354,360,364],{"uuid":355,"title":356,"description":357,"image":358,"image_alt":359,"width":47,"height":48},"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":361,"title":356,"description":362,"image":363,"image_alt":359,"width":47,"height":48},"aebdc7b5-e638-40bc-b6d0-2e89faedfb17","Quick actions","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faebdc7b5-e638-40bc-b6d0-2e89faedfb17.png",{"uuid":365,"title":356,"description":366,"image":367,"image_alt":359,"width":47,"height":48},"891545bd-2ce6-4dc3-9127-16f04ad1ca73","Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F891545bd-2ce6-4dc3-9127-16f04ad1ca73.png",{"slug":369,"title":370,"logo":371},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png",{"uuid":373,"title":374,"canonical_path":375,"kind":30,"patterns_count":303,"categories":376,"screens":378,"app":393},"2fb4a807-4f47-4b34-a009-5e0adb939966","Adding form property","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fflows",[377],{"id":34,"title":35,"slug":36},[379,385,389],{"uuid":380,"title":381,"description":382,"image":383,"image_alt":384,"width":47,"height":48},"c4db3004-915a-4733-abb8-34a8c19bd70d","Navattic","Modal dialog","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4db3004-915a-4733-abb8-34a8c19bd70d.png","Navattic from Navattic",{"uuid":386,"title":381,"description":387,"image":388,"image_alt":384,"width":47,"height":48},"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":390,"title":381,"description":391,"image":392,"image_alt":384,"width":47,"height":48},"e39c39ae-c6ef-4f5e-829a-0180b4dcd9c7","Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe39c39ae-c6ef-4f5e-829a-0180b4dcd9c7.png",{"slug":394,"title":381,"logo":395},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png",[397,399,401,403],{"label":35,"to":398},"\u002Fexamples\u002Fflows\u002Fadd",{"label":39,"to":400},"\u002Fexamples\u002Fflows\u002Fconnect-to-integration",{"label":402,"to":29},"Appwrite user flows",{"label":404,"to":18},"All user flow examples",{"published_at":406,"updated_at":407},"2026-05-04T18:20:48.000Z","2026-09-25T04:48:13.000Z",{"left":409,"top":409,"width":410,"height":410,"rotate":409,"vFlip":411,"hFlip":411,"body":412},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>"]