[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002Fdc65d05b-3fe5-4ec4-b6cd-31bc4b6bc476":3,"content-store-meta":-1,"i-custom:bookmark":354},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":57,"links":344,"dates":351},"\u002Fexamples\u002Fflows\u002Fdc65d05b-3fe5-4ec4-b6cd-31bc4b6bc476","detail","flows",true,{"title":9,"description":10,"og_image":11},"Aboard Flow Example: Reviewing document approvals - Nicelydone","Preview this Aboard user flow: Reviewing document approvals. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6bd629-d433-458a-b946-6550a14363d1.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},"Aboard Flow Example: Reviewing document approvals",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"canonical_path":29,"kind":30,"patterns_count":31,"categories":32,"screens":37,"app":53},"dc65d05b-3fe5-4ec4-b6cd-31bc4b6bc476","Reviewing document approvals","\u002Fexamples\u002Fapps\u002Faboard\u002Fflows","flow",4,[33],{"id":34,"title":35,"slug":36},66,"Confirming","confirm",[38,45,49],{"uuid":39,"title":40,"description":41,"image":11,"image_alt":42,"width":43,"height":44},"fe6bd629-d433-458a-b946-6550a14363d1","Approvals | Documents | Aboard","List view where the user manages pending document approvals for employees.","Approvals | Documents | Aboard from Aboard",3024,1758,{"uuid":46,"title":40,"description":47,"image":48,"image_alt":42,"width":43,"height":44},"eb724e26-44d2-4fee-a324-6f860f519279","Document management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb724e26-44d2-4fee-a324-6f860f519279.png",{"uuid":50,"title":40,"description":51,"image":52,"image_alt":42,"width":43,"height":44},"a42a1f51-4992-474e-bc08-4729efc81d3e","List view where an HR admin reviews pending document read approvals from employees.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa42a1f51-4992-474e-bc08-4729efc81d3e.png",{"slug":54,"title":55,"logo":56},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png",[58],{"family":6,"title":59,"examples":60},"Related user flows",[61,86,108,135,160,180,201,224,246,271,301,323],{"uuid":62,"title":63,"description":64,"canonical_path":65,"kind":30,"patterns_count":66,"categories":67,"screens":69,"app":82},"41c48ab5-7341-4a72-b17d-5419a22e1201","Confirming 3DS rule creation","Loading rule detail then viewing 3DS rules list after creation in sandbox","\u002Fexamples\u002Fapps\u002Flithic\u002Fflows",2,[68],{"id":34,"title":35,"slug":36},[70,76],{"uuid":71,"title":72,"description":73,"image":74,"image_alt":75,"width":43,"height":44},"dd00b193-e85d-4de1-8a18-3038c1b6a272","Lithic - Create 3DS Rule","Sidebar navigation Spinner","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd00b193-e85d-4de1-8a18-3038c1b6a272.png","Lithic - Create 3DS Rule from Lithic",{"uuid":77,"title":78,"description":79,"image":80,"image_alt":81,"width":43,"height":44},"d208b94b-b44f-49f4-afab-58cbe94556ad","Lithic - Rules","Payment processing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd208b94b-b44f-49f4-afab-58cbe94556ad.png","Lithic - Rules from Lithic",{"slug":83,"title":84,"logo":85},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png",{"uuid":87,"title":88,"description":89,"canonical_path":90,"kind":30,"patterns_count":66,"categories":91,"screens":93,"app":104},"73c58289-0814-4429-9ebf-3a27ee0d496e","Confirming paid payment","User reviews order in AI-generated Medusa store admin and confirms marking payment as paid via chat interface","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[92],{"id":34,"title":35,"slug":36},[94,100],{"uuid":95,"title":96,"description":97,"image":98,"image_alt":99,"width":43,"height":44},"72aae06b-b54c-4b30-a081-3ebd9e1dbec1","Bloom by Medusa","Payment confirmation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72aae06b-b54c-4b30-a081-3ebd9e1dbec1.png","Bloom by Medusa from Bloom",{"uuid":101,"title":96,"description":102,"image":103,"image_alt":99,"width":43,"height":44},"085c383b-2274-4d21-bcaa-0395513c963b","Chat interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F085c383b-2274-4d21-bcaa-0395513c963b.png",{"slug":105,"title":106,"logo":107},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"uuid":109,"title":110,"description":111,"canonical_path":112,"kind":30,"patterns_count":113,"categories":114,"screens":116,"app":131},"ed943eaf-ba6a-4a1f-a9a0-53963f184fd2","Confirming password","User re-enters password on auth surface to verify identity before proceeding, with rebrand announcement banner visible throughout","\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows",5,[115],{"id":34,"title":35,"slug":36},[117,123,127],{"uuid":118,"title":119,"description":120,"image":121,"image_alt":122,"width":43,"height":44},"37bf0492-5539-464b-bfd4-ead6fd71f209","Aave Account","Authentication screen where the user must re-enter their password to confirm their identity, featuring a rebrand announcement banner at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37bf0492-5539-464b-bfd4-ead6fd71f209.png","Aave Account from Family",{"uuid":124,"title":119,"description":125,"image":126,"image_alt":122,"width":43,"height":44},"1e7ba561-c3e6-47ad-89e2-f7e4f5b98028","Authentication screen where the user is prompted to repeat their password to confirm it, featuring a bottom banner announcing a transition to Aave Account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e7ba561-c3e6-47ad-89e2-f7e4f5b98028.png",{"uuid":128,"title":119,"description":129,"image":130,"image_alt":122,"width":43,"height":44},"fe851818-c14a-4903-a696-9bcbcade121a","Verification screen where the user confirms their password to proceed, featuring a bottom banner announcing a transition to Aave Account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe851818-c14a-4903-a696-9bcbcade121a.png",{"slug":132,"title":133,"logo":134},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png",{"uuid":136,"title":137,"canonical_path":138,"kind":30,"patterns_count":139,"categories":140,"screens":142,"app":157},"a216a81f-612e-4390-95e0-a096988bdc2a","Confirming email","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",3,[141],{"id":34,"title":35,"slug":36},[143,149,153],{"uuid":144,"title":145,"description":146,"image":147,"image_alt":148,"width":43,"height":44},"e02f0560-bf5e-41cf-a666-994228b79f3b","Lovable","Account management Form Email confirmation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02f0560-bf5e-41cf-a666-994228b79f3b.png","Lovable from Lovable",{"uuid":150,"title":145,"description":151,"image":152,"image_alt":148,"width":43,"height":44},"16b7d87a-be6f-4deb-a0d2-07597ef1f2de","Minimalist design Form Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16b7d87a-be6f-4deb-a0d2-07597ef1f2de.png",{"uuid":154,"title":145,"description":155,"image":156,"image_alt":148,"width":43,"height":44},"b94591d7-b783-46ac-9e40-ab52d1e47612","Minimalist design Account security Email confirmation Email verification Confirmation screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb94591d7-b783-46ac-9e40-ab52d1e47612.png",{"slug":158,"title":145,"logo":159},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png",{"uuid":161,"title":162,"canonical_path":163,"kind":30,"patterns_count":66,"categories":164,"screens":166,"app":177},"d56fdca7-96d8-4108-a08c-bda812f43120","Completing grocery todos","\u002Fexamples\u002Fapps\u002Famie\u002Fflows",[165],{"id":34,"title":35,"slug":36},[167,173],{"uuid":168,"title":169,"description":170,"image":171,"image_alt":172,"width":43,"height":44},"06418ba1-4437-43b7-8490-a354de317fa4","Amie","App view combining a monthly calendar grid with a side panel for managing categorized to-do lists, featuring an AI scheduling prompt and a conversational input bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06418ba1-4437-43b7-8490-a354de317fa4.png","Amie from Amie",{"uuid":174,"title":169,"description":175,"image":176,"image_alt":172,"width":43,"height":44},"790774e3-9217-409c-b175-54f2567d96db","Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F790774e3-9217-409c-b175-54f2567d96db.png",{"slug":178,"title":169,"logo":179},"amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png",{"uuid":181,"title":182,"canonical_path":183,"kind":30,"patterns_count":66,"categories":184,"screens":186,"app":197},"40e41a7f-cb42-4278-b19e-459b20994999","Confirming GitHub disconnect","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fflows",[185],{"id":34,"title":35,"slug":36},[187,193],{"uuid":188,"title":189,"description":190,"image":191,"image_alt":192,"width":43,"height":44},"6e692456-7cac-49f0-aff7-647e5170fd52","Shimmer","Code editor workspace where the user monitors an AI agent executing tasks, views the generated file tree, and reviews code changes before pushing to GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e692456-7cac-49f0-aff7-647e5170fd52.png","Shimmer from Poolside",{"uuid":194,"title":189,"description":195,"image":196,"image_alt":192,"width":43,"height":44},"1e82b006-175d-475b-8785-1a3d58c59b63","Code editor workspace where an AI agent executes terminal commands and modifies Go files, featuring a live execution trace, file explorer, and integrated terminal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e82b006-175d-475b-8785-1a3d58c59b63.png",{"slug":198,"title":199,"logo":200},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png",{"uuid":202,"title":203,"canonical_path":204,"kind":30,"patterns_count":113,"categories":205,"screens":207,"app":220},"dbc3f835-9ecf-454b-b70b-6b8ff325d325","Confirming booked meeting","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fflows",[206],{"id":34,"title":35,"slug":36},[208,214],{"uuid":209,"title":210,"description":211,"image":212,"image_alt":213,"width":43,"height":44},"28989600-372f-4f2e-b74b-d088fc75610d","Meeting Scheduled","Detail page where the user sees a success confirmation for their scheduled meeting with Alec Wnuk, including time, guests, and a reschedule option.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28989600-372f-4f2e-b74b-d088fc75610d.png","Meeting Scheduled from Navattic",{"uuid":215,"title":216,"description":217,"image":218,"image_alt":219,"width":43,"height":44},"5a3f2642-463e-4487-880b-cc0844fd6458","Reschedule Meeting | Alec Wnuk","Timezone selector","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a3f2642-463e-4487-880b-cc0844fd6458.png","Reschedule Meeting | Alec Wnuk from Navattic",{"slug":221,"title":222,"logo":223},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png",{"uuid":225,"title":226,"canonical_path":227,"kind":30,"patterns_count":66,"categories":228,"screens":230,"app":242},"ddd209aa-4141-4873-bd4d-bf6143202832","Confirming deletion","\u002Fexamples\u002Fapps\u002Flinear\u002Fflows",[229],{"id":34,"title":35,"slug":36},[231,238],{"uuid":232,"title":233,"description":234,"image":235,"image_alt":236,"width":43,"height":237},"4cb06caa-5aac-4cad-98c2-1b4d6cb134c2","Workspace","Workspace settings Account deletion Email verification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cb06caa-5aac-4cad-98c2-1b4d6cb134c2.png","Workspace from Linear",1776,{"uuid":239,"title":233,"description":240,"image":241,"image_alt":236,"width":43,"height":237},"ae4569d8-afe4-4137-a3c2-10d577a639fc","Workspace settings Form layout","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae4569d8-afe4-4137-a3c2-10d577a639fc.png",{"slug":243,"title":244,"logo":245},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png",{"uuid":247,"title":248,"canonical_path":249,"kind":30,"patterns_count":250,"categories":251,"screens":253,"app":268},"5fef89a7-7f3a-4810-9871-067d04c249f9","Accepting terms and activating account","\u002Fexamples\u002Fapps\u002Ffound\u002Fflows",6,[252],{"id":34,"title":35,"slug":36},[254,260,264],{"uuid":255,"title":256,"description":257,"image":258,"image_alt":259,"width":43,"height":237},"92d6761d-773a-4e6c-b51c-6b49c619c2eb","Found","Onboarding step where the user accepts the business account and Mastercard terms and privacy policy to complete activation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92d6761d-773a-4e6c-b51c-6b49c619c2eb.png","Found from Found",{"uuid":261,"title":256,"description":262,"image":263,"image_alt":259,"width":43,"height":237},"b901903c-0ae0-4025-b5c3-1ebdbc3f8a96","Onboarding screen where the system processes the user's documentation and information to finalize business account activation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb901903c-0ae0-4025-b5c3-1ebdbc3f8a96.png",{"uuid":265,"title":256,"description":266,"image":267,"image_alt":259,"width":43,"height":237},"949d4258-f07b-4892-b0a8-597e0a024347","Onboarding step where the system processes the user's application, displaying a vertical checklist of background tasks like reviewing documentation and checking information.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F949d4258-f07b-4892-b0a8-597e0a024347.png",{"slug":269,"title":256,"logo":270},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png",{"uuid":272,"title":273,"canonical_path":274,"kind":30,"patterns_count":31,"categories":275,"screens":277,"app":297},"57f7c752-4e51-4ae9-8163-bab6c329df29","Confirming group creation","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fflows",[276],{"id":34,"title":35,"slug":36},[278,285,292],{"uuid":279,"title":280,"description":281,"image":282,"image_alt":283,"width":43,"height":284},"e3dc9e60-bb2b-481f-a36e-6e1308292d17","Organizer Subscription - Network Setup | Meetup","Subscription billing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3dc9e60-bb2b-481f-a36e-6e1308292d17.png","Organizer Subscription - Network Setup | Meetup from Meetup",2138,{"uuid":286,"title":287,"description":288,"image":289,"image_alt":290,"width":43,"height":291},"f934dfd4-f4e5-4bc7-9778-238b338571c8","Welcome | Meetup","Onboarding welcome screen where a new organizer sees their confirmation number, review status, and a checklist of next steps to create their first event.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff934dfd4-f4e5-4bc7-9778-238b338571c8.png","Welcome | Meetup from Meetup",3782,{"uuid":293,"title":287,"description":294,"image":295,"image_alt":290,"width":43,"height":296},"5524687e-1702-442a-a6f7-594553d95271","Event management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5524687e-1702-442a-a6f7-594553d95271.png",3566,{"slug":298,"title":299,"logo":300},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png",{"uuid":302,"title":303,"canonical_path":304,"kind":30,"patterns_count":66,"categories":305,"screens":307,"app":319},"efba1d71-2e6f-492b-b740-76c16714312a","Confirming context","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fflows",[306],{"id":34,"title":35,"slug":36},[308,315],{"uuid":309,"title":310,"description":311,"image":312,"image_alt":313,"width":43,"height":314},"ea3f2dd0-21ae-43bc-a253-24df61a1dc75","Channel – Dovetail","List view displaying a feed of Slack messages and user feedback collected in a specific channel, with a floating action to chat with the data using AI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea3f2dd0-21ae-43bc-a253-24df61a1dc75.png","Channel – Dovetail from Dovetail",1780,{"uuid":316,"title":310,"description":317,"image":318,"image_alt":313,"width":43,"height":314},"2eecd01d-89b9-41f3-8794-610d9d72e86b","List view where the user is prompted to provide context about their role and goals before chatting with their channel data using AI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2eecd01d-89b9-41f3-8794-610d9d72e86b.png",{"slug":320,"title":321,"logo":322},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png",{"uuid":324,"title":325,"canonical_path":326,"kind":30,"patterns_count":66,"categories":327,"screens":329,"app":340},"9b54bb40-a706-4641-bfb7-5d4674390883","Confirming password update","\u002Fexamples\u002Fapps\u002Ftwin\u002Fflows",[328],{"id":34,"title":35,"slug":36},[330,336],{"uuid":331,"title":332,"description":333,"image":334,"image_alt":335,"width":43,"height":314},"163f0892-6402-4291-af04-e6b67e635c59","Sign in","Login Authentication Sign in Minimalist design Onboarding Form Integration Automation Split screen Pagination","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F163f0892-6402-4291-af04-e6b67e635c59.png","Sign in from Twin",{"uuid":337,"title":332,"description":338,"image":339,"image_alt":335,"width":43,"height":314},"0b79257b-f3f6-47fa-8e10-72a582dbcad5","Login Authentication Sign in Onboarding User authentication Form Security Split screen Account management Pagination Split view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b79257b-f3f6-47fa-8e10-72a582dbcad5.png",{"slug":341,"title":342,"logo":343},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png",[345,347,349],{"label":35,"to":346},"\u002Fexamples\u002Fflows\u002Fconfirm",{"label":348,"to":29},"Aboard user flows",{"label":350,"to":18},"All user flow examples",{"published_at":352,"updated_at":353},"2026-02-09T10:08:42.000Z","2026-09-25T06:56:59.000Z",{"left":355,"top":355,"width":356,"height":356,"rotate":355,"vFlip":357,"hFlip":357,"body":358},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>"]