[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":281},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":261,"links":262,"dates":278},"\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Family user flows examples - Nicelydone","Explore Family user flow examples. Preview the opening screens and steps for each task. Your favorite crypto wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e37bcc-71be-45a0-9cc8-3dcb171c9572.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},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":23,"to":4},"Family 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},"Family","family","Your favorite crypto wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","https:\u002F\u002Ffamily.co\u002F",[35,39],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},95,"Blockchain","blockchain",[44,71,95,115,138,161,175,196,219,239],{"uuid":45,"title":46,"description":47,"canonical_path":4,"kind":48,"patterns_count":49,"categories":50,"screens":54,"app":70},"ce723efa-2deb-4d45-aaf3-f3f3d59777fd","Signing up","Passwordless email\u002Fphone signup flow for Family crypto wallet ending in account creation with password setup and verification","flow",20,[51],{"id":52,"title":46,"slug":53},103,"signing-up",[55,62,66],{"uuid":56,"title":57,"description":58,"image":11,"image_alt":59,"width":60,"height":61},"d8e37bcc-71be-45a0-9cc8-3dcb171c9572","Aave Account","Authentication screen where the user enters their email or phone number to log in or create a new Aave account.","Aave Account from Family",3024,1758,{"uuid":63,"title":57,"description":64,"image":65,"image_alt":59,"width":60,"height":61},"c10f7b2e-b33c-459f-8401-4c7a259729f2","Authentication screen where the user enters their email or phone number to log in or sign up for an Aave Account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc10f7b2e-b33c-459f-8401-4c7a259729f2.png",{"uuid":67,"title":57,"description":68,"image":69,"image_alt":59,"width":60,"height":61},"0ec2894a-6437-47af-a35e-374a9e356e77","Sign-in screen where the user enters their email address to log in or sign up for an Aave Account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ec2894a-6437-47af-a35e-374a9e356e77.png",{"slug":30,"title":29,"logo":32},{"uuid":72,"title":73,"description":74,"canonical_path":4,"kind":48,"patterns_count":75,"categories":76,"screens":81,"app":94},"7cbb7386-012d-44b8-9e0e-61446fb59ef5","Onboarding account","Multi-step onboarding for new crypto wallet users covering passkey authentication setup followed by account and wallet profile customization",16,[77],{"id":78,"title":79,"slug":80},45,"Onboarding","onboarding",[82,86,90],{"uuid":83,"title":57,"description":84,"image":85,"image_alt":59,"width":60,"height":61},"5ff75457-1696-4960-8137-ab20d325ff60","Onboarding step where the user is prompted to set up a passkey for faster and more secure login, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ff75457-1696-4960-8137-ab20d325ff60.png",{"uuid":87,"title":57,"description":88,"image":89,"image_alt":59,"width":60,"height":61},"3ebd8e4a-f35b-422c-adfa-b2f005bdb177","Authentication setup screen where the user is prompted to create a passkey for faster and more secure login, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ebd8e4a-f35b-422c-adfa-b2f005bdb177.png",{"uuid":91,"title":57,"description":92,"image":93,"image_alt":59,"width":60,"height":61},"d8e1d252-b99c-444d-ae02-ed4b03991bd5","Account setup Avatar upload","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e1d252-b99c-444d-ae02-ed4b03991bd5.png",{"slug":30,"title":29,"logo":32},{"uuid":96,"title":97,"description":98,"canonical_path":4,"kind":48,"patterns_count":99,"categories":100,"screens":105,"app":114},"e6683e96-386c-42ba-b952-0b755287fb99","Customizing account","Onboarding sequence in Family crypto wallet where user sets account icon or emoji, color, and name with continue or skip options",9,[101],{"id":102,"title":103,"slug":104},67,"Customizing","customize",[106,107,111],{"uuid":91,"title":57,"description":92,"image":93,"image_alt":59,"width":60,"height":61},{"uuid":108,"title":57,"description":109,"image":110,"image_alt":59,"width":60,"height":61},"884d18e1-93d2-432c-bb41-1161579440ad","Account setup Profile creation Avatar upload","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F884d18e1-93d2-432c-bb41-1161579440ad.png",{"uuid":112,"title":57,"description":92,"image":113,"image_alt":59,"width":60,"height":61},"9056f311-7efb-4aea-98e8-7c2292d82329","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9056f311-7efb-4aea-98e8-7c2292d82329.png",{"slug":30,"title":29,"logo":32},{"uuid":116,"title":117,"description":118,"canonical_path":4,"kind":48,"patterns_count":119,"categories":120,"screens":125,"app":137},"830b6210-1656-498e-a460-0fa11cffeabc","Setting up multi-factor authentication","User navigates from account security settings to enable authenticator app MFA, scans QR code, enters one-time code, saves backup code, and returns to updated security settings showing MFA enabled.",7,[121],{"id":122,"title":123,"slug":124},22,"Setting-up Multi-factor authentication","set-up-multi-factor-authentication",[126,130,134],{"uuid":127,"title":57,"description":128,"image":129,"image_alt":59,"width":60,"height":61},"e7a84654-14eb-4add-8f59-51321befd3d9","Account security","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe7a84654-14eb-4add-8f59-51321befd3d9.png",{"uuid":131,"title":57,"description":132,"image":133,"image_alt":59,"width":60,"height":61},"60727c0a-f747-44d8-be4c-ec76fe8364fb","Security settings screen where the user scans a QR code to set up an authenticator app and enters the generated one-time code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60727c0a-f747-44d8-be4c-ec76fe8364fb.png",{"uuid":135,"title":57,"description":128,"image":136,"image_alt":59,"width":60,"height":61},"1ae712a4-116b-4839-bfc2-3f166e84605e","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae712a4-116b-4839-bfc2-3f166e84605e.png",{"slug":30,"title":29,"logo":32},{"uuid":139,"title":140,"description":141,"canonical_path":4,"kind":48,"patterns_count":142,"categories":143,"screens":148,"app":160},"e30e897a-1d15-40fc-a1a5-387ce55d4790","Updating email address","User initiates email change from login settings, verifies password, enters new email, and confirms via 6-digit code sent to the new address before returning to account settings",15,[144],{"id":145,"title":146,"slug":147},73,"Updating","update",[149,153,156],{"uuid":150,"title":57,"description":151,"image":152,"image_alt":59,"width":60,"height":61},"aa8967ab-8950-48c3-b790-09a26acfab02","Account settings Profile settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa8967ab-8950-48c3-b790-09a26acfab02.png",{"uuid":154,"title":57,"description":128,"image":155,"image_alt":59,"width":60,"height":61},"08322eca-a98b-4a32-b4db-23da58f7fa34","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08322eca-a98b-4a32-b4db-23da58f7fa34.png",{"uuid":157,"title":57,"description":158,"image":159,"image_alt":59,"width":60,"height":61},"c6803dec-6609-40dd-96fa-8244fea4cb6a","Account security Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6803dec-6609-40dd-96fa-8244fea4cb6a.png",{"slug":30,"title":29,"logo":32},{"uuid":162,"title":163,"description":164,"canonical_path":4,"kind":48,"patterns_count":165,"categories":166,"screens":170,"app":174},"c66c39fe-c4be-4912-ab3f-5d91028ec3ff","Verifying current password","From login settings, user initiates email update and must enter current password in modal to verify identity before proceeding",6,[167],{"id":36,"title":168,"slug":169},"Verifying identity","verify-identity",[171,172,173],{"uuid":150,"title":57,"description":151,"image":152,"image_alt":59,"width":60,"height":61},{"uuid":154,"title":57,"description":128,"image":155,"image_alt":59,"width":60,"height":61},{"uuid":157,"title":57,"description":158,"image":159,"image_alt":59,"width":60,"height":61},{"slug":30,"title":29,"logo":32},{"uuid":176,"title":177,"description":178,"canonical_path":4,"kind":48,"patterns_count":99,"categories":179,"screens":183,"app":195},"1abd6a7a-a9b5-4589-8198-87242169cbc7","Resetting password","User initiates password reset from app security settings, verifies identity with current password, then enters and confirms a new password across auth screens",[180],{"id":181,"title":177,"slug":182},58,"reset-password",[184,188,191],{"uuid":185,"title":57,"description":186,"image":187,"image_alt":59,"width":60,"height":61},"01afe746-4839-42e2-babf-b237b6cbd7b6","Password management Account security","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01afe746-4839-42e2-babf-b237b6cbd7b6.png",{"uuid":189,"title":57,"description":186,"image":190,"image_alt":59,"width":60,"height":61},"b11fd9ac-4bc4-461c-a634-fc1d362a55ef","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb11fd9ac-4bc4-461c-a634-fc1d362a55ef.png",{"uuid":192,"title":57,"description":193,"image":194,"image_alt":59,"width":60,"height":61},"70a1236f-4090-4043-84c8-2d19099d8423","Account security Password update","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70a1236f-4090-4043-84c8-2d19099d8423.png",{"slug":30,"title":29,"logo":32},{"uuid":197,"title":198,"description":199,"canonical_path":4,"kind":48,"patterns_count":200,"categories":201,"screens":206,"app":218},"7ab3f55a-ed96-431f-9eeb-e6a054fe471a","Exporting wallet secrets","User enters password to authorize export then views and copies recovery phrase or private key with security warnings",8,[202],{"id":203,"title":204,"slug":205},26,"Exporting","export",[207,211,214],{"uuid":208,"title":57,"description":209,"image":210,"image_alt":59,"width":60,"height":61},"60bb3be3-2220-4d24-8bcd-c08dcdb80bc3","Verification modal where the user must enter their current password to authorize exporting their wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60bb3be3-2220-4d24-8bcd-c08dcdb80bc3.png",{"uuid":212,"title":57,"description":209,"image":213,"image_alt":59,"width":60,"height":61},"7a974603-d7ec-40a7-886d-f0b89811a33c","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a974603-d7ec-40a7-886d-f0b89811a33c.png",{"uuid":215,"title":57,"description":216,"image":217,"image_alt":59,"width":60,"height":61},"56bd3d5b-693a-4dc4-8b96-0acdaacd7b57","Modal where the user must enter their current password to authorize exporting their wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56bd3d5b-693a-4dc4-8b96-0acdaacd7b57.png",{"slug":30,"title":29,"logo":32},{"uuid":220,"title":221,"description":222,"canonical_path":4,"kind":48,"patterns_count":223,"categories":224,"screens":226,"app":238},"ef9d8b9b-becd-40ac-8d13-0daf81f829ac","Recovering account","Multi-step account recovery for Family crypto wallet using email or phone request, OTP verification, MFA challenge, and new password setup",10,[225],{"id":181,"title":177,"slug":182},[227,231,235],{"uuid":228,"title":57,"description":229,"image":230,"image_alt":59,"width":60,"height":61},"e9999430-4504-4f36-9b78-22b9de8cad4b","Password recovery screen where the user enters their email or phone number to initiate regaining access to their Aave account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9999430-4504-4f36-9b78-22b9de8cad4b.png",{"uuid":232,"title":57,"description":233,"image":234,"image_alt":59,"width":60,"height":61},"90e13e19-e544-485b-915f-12bb3af8e9de","Email verification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90e13e19-e544-485b-915f-12bb3af8e9de.png",{"uuid":236,"title":57,"description":233,"image":237,"image_alt":59,"width":60,"height":61},"d624beb8-f183-4260-ba61-5c609a743437","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd624beb8-f183-4260-ba61-5c609a743437.png",{"slug":30,"title":29,"logo":32},{"uuid":240,"title":241,"description":242,"canonical_path":4,"kind":48,"patterns_count":223,"categories":243,"screens":247,"app":260},"a9b0595e-8443-48dc-826a-e79bd62b420d","Signing in","User enters account password then completes MFA with authenticator code or backup code to access Family crypto wallet",[244],{"id":245,"title":241,"slug":246},61,"sign-in",[248,252,256],{"uuid":249,"title":57,"description":250,"image":251,"image_alt":59,"width":60,"height":61},"79c02510-1ca0-4107-bc82-cd07ff1e0afa","Sign-in screen where the user enters their custom account password, currently showing a loading state upon submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79c02510-1ca0-4107-bc82-cd07ff1e0afa.png",{"uuid":253,"title":57,"description":254,"image":255,"image_alt":59,"width":60,"height":61},"c0b5ba58-d916-4e59-b2fb-fd6128fb2090","Authentication screen where the user enters a 6-digit code from their authenticator app to verify their identity, with an option to fall back to a backup code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0b5ba58-d916-4e59-b2fb-fd6128fb2090.png",{"uuid":257,"title":57,"description":258,"image":259,"image_alt":59,"width":60,"height":61},"9971444d-a5c8-4cf9-8fdf-fef31440813d","Verification screen where the user enters a 6-digit authenticator code to access their account, with an option to fall back to a backup code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9971444d-a5c8-4cf9-8fdf-fef31440813d.png",{"slug":30,"title":29,"logo":32},[],[263,266,269,272,275],{"label":264,"to":265},"Family product screens","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens",{"label":267,"to":268},"Family marketing pages","\u002Fexamples\u002Fapps\u002Ffamily\u002Fmarketing",{"label":270,"to":271},"Family UI components","\u002Fexamples\u002Fapps\u002Ffamily\u002Fcomponents",{"label":273,"to":274},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":276,"to":277},"Blockchain app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblockchain",{"published_at":279,"updated_at":280},"2026-05-24T18:01:10.000Z","2026-09-13T13:02:39.000Z",{"left":282,"top":282,"width":49,"height":49,"rotate":282,"vFlip":283,"hFlip":283,"body":284},0,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>"]