[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":300},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":277,"links":278,"dates":297},"\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Zaro user flows examples - Nicelydone","Explore Zaro user flow examples. Preview the opening screens and steps for each task. AI workspace with agents and apps for business automation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89450ddc-7264-44b6-8d4e-e4c62f82521a.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},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":23,"to":4},"Zaro 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},"Zaro","zaro","AI workspace with agents and apps for business automation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","https:\u002F\u002Fzaro.ai\u002F",[35,39,43,47],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},22,"Knowledge Management","knowledge-management",{"id":48,"title":49,"slug":50},46,"Analytics","analytics",[52,79,102,125,144,172,192,214,237,258],{"uuid":53,"title":54,"description":55,"canonical_path":4,"kind":56,"patterns_count":57,"categories":58,"screens":62,"app":78},"6dd2f24c-39d5-4060-a1ee-1d58bfc32d5b","Signing up","Multi-step signup journey on split-screen auth pages completing account creation via work email, password, OTP verification, or OAuth providers including Google, Microsoft, Apple, GitHub, and SSO","flow",15,[59],{"id":60,"title":54,"slug":61},103,"signing-up",[63,70,74],{"uuid":64,"title":65,"description":66,"image":11,"image_alt":67,"width":68,"height":69},"89450ddc-7264-44b6-8d4e-e4c62f82521a","Zaro - The Context Layer for Enterprise AI","Signup page where the user can create an account using their work email or via OAuth providers like Microsoft, Apple, GitHub, and Google, alongside a feature showcase carousel.","Zaro - The Context Layer for Enterprise AI from Zaro",3024,1758,{"uuid":71,"title":65,"description":72,"image":73,"image_alt":67,"width":68,"height":69},"9e5a2393-1b8e-49ec-a78a-0e9ddc3d5102","Signup screen where the user can create an account using their work email or authenticate via Microsoft, Apple, Github, Google, or SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e5a2393-1b8e-49ec-a78a-0e9ddc3d5102.png",{"uuid":75,"title":65,"description":76,"image":77,"image_alt":67,"width":68,"height":69},"60cbb52d-7c63-4b28-9d57-8619a4a516be","Signup page where the user can create an account using their work email or authenticate via Google, Microsoft, Apple, Github, or SSO, featuring a promotional carousel highlighting smart memory capabilities on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60cbb52d-7c63-4b28-9d57-8619a4a516be.png",{"slug":30,"title":29,"logo":32},{"uuid":80,"title":81,"description":82,"canonical_path":4,"kind":56,"patterns_count":83,"categories":84,"screens":89,"app":101},"be496e9d-baa9-4af6-9210-88fd2f5c83c5","Verifying email and securing account","Completing Zaro account signup by setting display name and password while entering email OTP verification code across multiple states",10,[85],{"id":86,"title":87,"slug":88},36,"Verifying identity","verify-identity",[90,94,98],{"uuid":91,"title":65,"description":92,"image":93,"image_alt":67,"width":68,"height":69},"87669107-b472-48b7-8fff-3ac7ce510bd9","Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F87669107-b472-48b7-8fff-3ac7ce510bd9.png",{"uuid":95,"title":65,"description":96,"image":97,"image_alt":67,"width":68,"height":69},"9c7d5e28-7208-43e8-8b68-ddcf56e5daca","Account setup Email verification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c7d5e28-7208-43e8-8b68-ddcf56e5daca.png",{"uuid":99,"title":65,"description":96,"image":100,"image_alt":67,"width":68,"height":69},"cb643497-cbb4-4256-889b-de57c2eff68a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb643497-cbb4-4256-889b-de57c2eff68a.png",{"slug":30,"title":29,"logo":32},{"uuid":103,"title":104,"description":105,"canonical_path":4,"kind":56,"patterns_count":106,"categories":107,"screens":112,"app":124},"513eb661-845b-41a5-af7a-0d469ca21029","Completing workspace onboarding","New user names workspace, chooses data import or integrations, connects tools, then follows multi-step product tour across modals and AI chat interface",13,[108],{"id":109,"title":110,"slug":111},45,"Onboarding","onboarding",[113,117,120],{"uuid":114,"title":65,"description":115,"image":116,"image_alt":67,"width":68,"height":69},"f906115a-667b-460d-949e-498aeccbdd72","Progress indicator","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff906115a-667b-460d-949e-498aeccbdd72.png",{"uuid":118,"title":65,"description":115,"image":119,"image_alt":67,"width":68,"height":69},"b6719529-9b32-4e07-8d7a-a8182eb213e3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6719529-9b32-4e07-8d7a-a8182eb213e3.png",{"uuid":121,"title":65,"description":122,"image":123,"image_alt":67,"width":68,"height":69},"79fe653a-f313-4492-9311-ae4730bc37d2","Progress bar Data import","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79fe653a-f313-4492-9311-ae4730bc37d2.png",{"slug":30,"title":29,"logo":32},{"uuid":126,"title":127,"description":128,"canonical_path":4,"kind":56,"patterns_count":129,"categories":130,"screens":134,"app":143},"dd3bff65-8e8e-41fa-a365-d52f1d46a9bc","Following product tour","New user completes an 8-step interactive product tour with successive modals and tooltips explaining natural language app building, workspace navigation, AI chat, agent execution, file results, and tool integrations, overlaid on empty workspace and AI chat screens in Zaro.",8,[131],{"id":132,"title":127,"slug":133},17,"follow-product-tour",[135,139],{"uuid":136,"title":65,"description":137,"image":138,"image_alt":67,"width":68,"height":69},"095bd776-34ea-4c54-babd-715e88a02dbf","Onboarding step where a product tour modal explains how to build apps and agents using natural language, overlaid on an empty workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F095bd776-34ea-4c54-babd-715e88a02dbf.png",{"uuid":140,"title":65,"description":141,"image":142,"image_alt":67,"width":68,"height":69},"9281ed02-0476-4df0-b0e8-03f4ff4a8354","Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9281ed02-0476-4df0-b0e8-03f4ff4a8354.png",{"slug":30,"title":29,"logo":32},{"uuid":145,"title":146,"description":147,"canonical_path":4,"kind":56,"patterns_count":148,"categories":149,"screens":158,"app":171},"c1608ce1-a873-42c1-b930-c16dea28f647","Creating apps with AI","User browses workspace apps gallery then uses a persistent AI assistant panel to generate new applications through chat, agent execution, and preview states",19,[150,154],{"id":151,"title":152,"slug":153},83,"Asking Artificial intelligence","ask-artificial-intelligence",{"id":155,"title":156,"slug":157},28,"Creating","create",[159,163,167],{"uuid":160,"title":65,"description":161,"image":162,"image_alt":67,"width":68,"height":69},"a92da1e5-930a-42d7-bd86-5df54701474f","List view where the user browses and manages their workspace apps, with options to create new apps or filter by category and status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa92da1e5-930a-42d7-bd86-5df54701474f.png",{"uuid":164,"title":65,"description":165,"image":166,"image_alt":67,"width":68,"height":69},"cbc6f569-312d-4aa8-abac-b34d8de8f502","Application management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbc6f569-312d-4aa8-abac-b34d8de8f502.png",{"uuid":168,"title":65,"description":169,"image":170,"image_alt":67,"width":68,"height":69},"d95094da-033e-452e-bb77-5ca4c5a226ee","Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd95094da-033e-452e-bb77-5ca4c5a226ee.png",{"slug":30,"title":29,"logo":32},{"uuid":173,"title":146,"description":174,"canonical_path":4,"kind":56,"patterns_count":83,"categories":175,"screens":178,"app":191},"cda94308-3a3a-4972-b2e4-1a10fb5ebba1","User browses app directory or list and uses floating AI assistant panel to generate new custom applications via conversation and agent execution",[176,177],{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},[179,183,187],{"uuid":180,"title":65,"description":181,"image":182,"image_alt":67,"width":68,"height":69},"4cfff962-dab1-4465-bd0b-63619586c700","List view where the user browses, filters, and manages their custom AI applications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cfff962-dab1-4465-bd0b-63619586c700.png",{"uuid":184,"title":65,"description":185,"image":186,"image_alt":67,"width":68,"height":69},"f69352c6-72da-46c7-8636-321e6ef70c14","Apps directory where the user can browse their applications, create new ones, and interact with a floating AI assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff69352c6-72da-46c7-8636-321e6ef70c14.png",{"uuid":188,"title":65,"description":189,"image":190,"image_alt":67,"width":68,"height":69},"c02710ca-135b-4d9f-a000-787a8c70ae25","List view where the user manages their custom applications, featuring a floating AI assistant panel actively executing steps to create a new app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc02710ca-135b-4d9f-a000-787a8c70ae25.png",{"slug":30,"title":29,"logo":32},{"uuid":193,"title":194,"description":195,"canonical_path":4,"kind":56,"patterns_count":83,"categories":196,"screens":201,"app":213},"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",[197],{"id":198,"title":199,"slug":200},62,"Connecting to integration","connect-to-integration",[202,206,210],{"uuid":203,"title":65,"description":204,"image":205,"image_alt":67,"width":68,"height":69},"4bad2446-6a70-4658-8d40-b057ef066fda","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",{"uuid":207,"title":65,"description":208,"image":209,"image_alt":67,"width":68,"height":69},"9d0ee11f-8c5a-48c1-99e9-21cf1f0f1b0b","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d0ee11f-8c5a-48c1-99e9-21cf1f0f1b0b.png",{"uuid":211,"title":65,"description":208,"image":212,"image_alt":67,"width":68,"height":69},"8c9a9f45-bfc8-415a-ab86-544a2005b0e6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9a9f45-bfc8-415a-ab86-544a2005b0e6.png",{"slug":30,"title":29,"logo":32},{"uuid":215,"title":216,"description":217,"canonical_path":4,"kind":56,"patterns_count":218,"categories":219,"screens":223,"app":236},"27bcb471-ecf6-41ca-a4ac-5376e723cab4","Inviting teammates","Inviting new workspace members by email, assigning roles, and managing pending invitations from the members settings page",7,[220],{"id":221,"title":216,"slug":222},11,"invite-teammates",[224,228,232],{"uuid":225,"title":65,"description":226,"image":227,"image_alt":67,"width":68,"height":69},"0b88eba5-67df-42c4-950b-b303611e0fb9","Access control Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b88eba5-67df-42c4-950b-b303611e0fb9.png",{"uuid":229,"title":65,"description":230,"image":231,"image_alt":67,"width":68,"height":69},"0602d3ff-ed01-4830-b08d-fe9a310745ec","Access control User management Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0602d3ff-ed01-4830-b08d-fe9a310745ec.png",{"uuid":233,"title":65,"description":234,"image":235,"image_alt":67,"width":68,"height":69},"b88b785d-ab4b-453a-b917-cb3818d68112","Team management Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb88b785d-ab4b-453a-b917-cb3818d68112.png",{"slug":30,"title":29,"logo":32},{"uuid":238,"title":239,"description":240,"canonical_path":4,"kind":56,"patterns_count":241,"categories":242,"screens":245,"app":257},"6a4af025-4367-4672-a207-1b18d1501f07","Creating workspace","User starts workspace creation from members settings, names workspace and chooses setup options in modals, then encounters quota limit paywall and error states blocking completion",6,[243],{"id":148,"title":239,"slug":244},"create-workspace",[246,249,253],{"uuid":247,"title":65,"description":226,"image":248,"image_alt":67,"width":68,"height":69},"5f7910a8-0cf0-427f-870c-3bf25884f5ed","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f7910a8-0cf0-427f-870c-3bf25884f5ed.png",{"uuid":250,"title":65,"description":251,"image":252,"image_alt":67,"width":68,"height":69},"4ce2c0cc-a34f-4517-83cc-043197ecbf06","SaaS onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4ce2c0cc-a34f-4517-83cc-043197ecbf06.png",{"uuid":254,"title":65,"description":255,"image":256,"image_alt":67,"width":68,"height":69},"662e4c62-f88d-43c5-8322-8f75cda9ab1d","Project creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F662e4c62-f88d-43c5-8322-8f75cda9ab1d.png",{"slug":30,"title":29,"logo":32},{"uuid":259,"title":260,"description":261,"canonical_path":4,"kind":56,"patterns_count":241,"categories":262,"screens":267,"app":276},"e3820d61-db4d-45d7-8b2d-2d91753ef5ac","Upgrading subscription plan","User starts in workspace memory settings, opens upgrade modal from sidebar, selects Launch tier, completes subscription checkout form, sees connecting state, and lands on billing settings page showing new plan and credits.",[263],{"id":264,"title":265,"slug":266},49,"Upgrading subscription","upgrade-your-plan",[268,272],{"uuid":269,"title":65,"description":270,"image":271,"image_alt":67,"width":68,"height":69},"5973acac-6fd0-46a7-9aa5-d2c52b9a7031","Settings page where the user configures workspace memory topics for their AI agents, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5973acac-6fd0-46a7-9aa5-d2c52b9a7031.png",{"uuid":273,"title":65,"description":274,"image":275,"image_alt":67,"width":68,"height":69},"2570cf28-b183-4ec7-b02f-ee51add8de3c","SaaS pricing Upgrade modal Subscription plans","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2570cf28-b183-4ec7-b02f-ee51add8de3c.png",{"slug":30,"title":29,"logo":32},[],[279,282,285,288,291,294],{"label":280,"to":281},"Zaro product screens","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens",{"label":283,"to":284},"Zaro marketing pages","\u002Fexamples\u002Fapps\u002Fzaro\u002Fmarketing",{"label":286,"to":287},"Zaro UI components","\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents",{"label":289,"to":290},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":292,"to":293},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":295,"to":296},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":298,"updated_at":299},"2026-06-26T12:44:13.000Z","2026-09-13T13:02:39.000Z",{"left":301,"top":301,"width":302,"height":302,"rotate":301,"vFlip":303,"hFlip":303,"body":304},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>"]