[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmural\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":335},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":294,"links":295,"dates":332},"\u002Fexamples\u002Fapps\u002Fmural\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Mural user flows examples - Nicelydone","Explore Mural user flow examples. Preview the opening screens and steps for each task. Level up teamwork with an intuitive digital whiteboard built for…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb14b5096-bb4d-4593-8ac7-61d5379a9332.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},"Mural design examples","\u002Fexamples\u002Fapps\u002Fmural",{"label":23,"to":4},"Mural user flows examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Explore Mural user flow examples. Preview the opening screens and steps for each task. Level up teamwork with an intuitive digital whiteboard built for teams to do their best work",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Mural","mural","Level up teamwork with an intuitive digital whiteboard built for teams to do their best work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmural-f16c8bae.png","https:\u002F\u002Fwww.mural.co",[36,40,44],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},8,"Design","design",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,80,104,130,156,174,194,223,249,269],{"uuid":50,"title":51,"description":52,"canonical_path":4,"kind":53,"patterns_count":54,"categories":55,"screens":60,"app":79},"471c05df-ea5c-4523-a9ef-68b45527c4b2","Signing up for Mural","This flow guides a new user through the process of creating an account on Mural, setting up their team's workspace, personalizing their profile, and starting their first mural with initial cu","flow",35,[56],{"id":57,"title":58,"slug":59},45,"Onboarding","onboarding",[61,68,75],{"uuid":62,"title":63,"description":64,"image":11,"image_alt":65,"width":66,"height":67},"b14b5096-bb4d-4593-8ac7-61d5379a9332","Mural is a collaborative intelligence company | Mural","Homepage Home page","Mural is a collaborative intelligence company | Mural from Mural",3024,18684,{"uuid":69,"title":70,"description":71,"image":72,"image_alt":73,"width":66,"height":74},"3a10ccac-8f30-4795-97e2-ea7e481eba7c","Sign in • MURAL","Authentication User authentication Form User management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a10ccac-8f30-4795-97e2-ea7e481eba7c.png","Sign in • MURAL from Mural",1738,{"uuid":76,"title":70,"description":77,"image":78,"image_alt":73,"width":66,"height":74},"95f02900-5ed4-4303-b363-1003fb07e094","Authentication Account creation User authentication Form User management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95f02900-5ed4-4303-b363-1003fb07e094.png",{"slug":31,"title":30,"logo":33},{"uuid":81,"title":82,"description":83,"canonical_path":4,"kind":53,"patterns_count":84,"categories":85,"screens":90,"app":103},"64661f64-28d5-4487-9b3c-19577c926fe0","Sharing mural","This flow facilitates the process of sharing a mural, allowing the user to customize access level, copy the share link, invite collaborators by email, adjust visitor link security, set a pass",12,[86],{"id":87,"title":88,"slug":89},15,"Sharing","share",[91,97,100],{"uuid":92,"title":93,"description":94,"image":95,"image_alt":96,"width":66,"height":74},"61f0b314-7a9f-482e-9cb3-af0125cfa583","My first mural • Nicelydone","Grid Collaboration Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61f0b314-7a9f-482e-9cb3-af0125cfa583.png","My first mural • Nicelydone from Mural",{"uuid":98,"title":93,"description":94,"image":99,"image_alt":96,"width":66,"height":74},"eaa2e368-2419-4fbb-b05d-6e78f140493f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feaa2e368-2419-4fbb-b05d-6e78f140493f.png",{"uuid":101,"title":93,"description":94,"image":102,"image_alt":96,"width":66,"height":74},"601a9bd9-00fb-4586-b4a5-bab97946fa95","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F601a9bd9-00fb-4586-b4a5-bab97946fa95.png",{"slug":31,"title":30,"logo":33},{"uuid":105,"title":106,"description":107,"canonical_path":4,"kind":53,"patterns_count":108,"categories":109,"screens":114,"app":129},"2061e48a-80d1-4773-87c4-73b9c753c014","Exporting mural as PDF","This user flow enables users to export a mural from Mural, guiding them through viewing murals, initiating an export, choosing export options, and completing the process with notifications re",9,[110],{"id":111,"title":112,"slug":113},26,"Exporting","export",[115,121,125],{"uuid":116,"title":117,"description":118,"image":119,"image_alt":120,"width":66,"height":74},"96cfe3e6-ceda-464b-aa4d-471a1d6085ab","Room Bertrands room • MURAL","Grid Project management Collaboration Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F96cfe3e6-ceda-464b-aa4d-471a1d6085ab.png","Room Bertrands room • MURAL from Mural",{"uuid":122,"title":117,"description":123,"image":124,"image_alt":120,"width":66,"height":74},"fd789912-e8d3-4765-988d-e52bfcef2cca","Content management Project management Collaboration Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd789912-e8d3-4765-988d-e52bfcef2cca.png",{"uuid":126,"title":117,"description":127,"image":128,"image_alt":120,"width":66,"height":74},"bfa44524-9759-430a-b8d1-05730b1eaece","Grid Content management Collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfa44524-9759-430a-b8d1-05730b1eaece.png",{"slug":31,"title":30,"logo":33},{"uuid":131,"title":132,"description":133,"canonical_path":4,"kind":53,"patterns_count":134,"categories":135,"screens":140,"app":155},"386ad0cd-beea-4e30-85ad-b08e34f0b4d1","Starting timer","This flow guides a team through a structured retrospective process in a collaborative online space, enabling reflection, discussion, and action planning based on past work performances and ou",6,[136],{"id":137,"title":138,"slug":139},28,"Creating","create",[141,148,152],{"uuid":142,"title":143,"description":144,"image":145,"image_alt":146,"width":66,"height":147},"67d94802-7ace-46d0-a99e-65c7651a0b61","Copy of Untitled mural • Nicelydone","Grid Project management Collaboration Team collaboration Template library","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67d94802-7ace-46d0-a99e-65c7651a0b61.png","Copy of Untitled mural • Nicelydone from Mural",1610,{"uuid":149,"title":143,"description":150,"image":151,"image_alt":146,"width":66,"height":147},"726c4c22-e920-4f79-b27e-1e1c060312a2","Grid Project management Collaboration Team collaboration Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F726c4c22-e920-4f79-b27e-1e1c060312a2.png",{"uuid":153,"title":143,"description":118,"image":154,"image_alt":146,"width":66,"height":147},"5b3af827-35f4-4d9b-99e6-3eed05de4881","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b3af827-35f4-4d9b-99e6-3eed05de4881.png",{"slug":31,"title":30,"logo":33},{"uuid":157,"title":158,"description":159,"canonical_path":4,"kind":53,"patterns_count":108,"categories":160,"screens":162,"app":173},"e354673e-b678-4968-8a7a-a4ed7541d79d","Creating tags","This user flow demonstrates the process of interacting with a mural within an app, including upgrading a plan, tagging, and managing content.",[161],{"id":137,"title":138,"slug":139},[163,166,170],{"uuid":164,"title":143,"description":46,"image":165,"image_alt":146,"width":66,"height":74},"8d95e5d3-ddfc-4f9f-a3b5-da8cf0f6d3c2","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d95e5d3-ddfc-4f9f-a3b5-da8cf0f6d3c2.png",{"uuid":167,"title":143,"description":168,"image":169,"image_alt":146,"width":66,"height":74},"6468d156-2fe2-4233-b7bd-0949c0b9d4d0","Project management Collaboration Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6468d156-2fe2-4233-b7bd-0949c0b9d4d0.png",{"uuid":171,"title":143,"description":168,"image":172,"image_alt":146,"width":66,"height":74},"6064c234-3889-4fe2-8149-4b696c971d70","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6064c234-3889-4fe2-8149-4b696c971d70.png",{"slug":31,"title":30,"logo":33},{"uuid":175,"title":82,"description":176,"canonical_path":4,"kind":53,"patterns_count":177,"categories":178,"screens":180,"app":193},"c491f301-3878-4a88-a3f7-6d271b026b98","This flow guides a user through sharing a Mural workspace by generating and handling a shareable link, including adding members or visitors, with step-by-step modal interactions.",7,[179],{"id":87,"title":88,"slug":89},[181,185,189],{"uuid":182,"title":143,"description":183,"image":184,"image_alt":146,"width":66,"height":74},"76053d4d-b752-4d9e-b3a3-cc983f9a0ddc","Grid Project management Collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76053d4d-b752-4d9e-b3a3-cc983f9a0ddc.png",{"uuid":186,"title":143,"description":187,"image":188,"image_alt":146,"width":66,"height":74},"20af9dd4-84e5-4edb-9d4f-8991e29d23fd","Form Collaboration Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F20af9dd4-84e5-4edb-9d4f-8991e29d23fd.png",{"uuid":190,"title":143,"description":191,"image":192,"image_alt":146,"width":66,"height":74},"b19f2b5f-023e-4e6a-820d-9d6374ed4c02","Grid Form Collaboration Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb19f2b5f-023e-4e6a-820d-9d6374ed4c02.png",{"slug":31,"title":30,"logo":33},{"uuid":195,"title":196,"description":197,"canonical_path":4,"kind":53,"patterns_count":198,"categories":199,"screens":204,"app":222},"1e8eb0c4-b970-4964-9cc6-0c072335851d","Upgrading subscription plan","This user flow guides a user through the process of upgrading their subscription plan, from discovering upgrade options to successfully upgrading and accessing new features.",13,[200],{"id":201,"title":202,"slug":203},49,"Upgrading subscription","upgrade-your-plan",[205,212,218],{"uuid":206,"title":207,"description":208,"image":209,"image_alt":210,"width":66,"height":211},"65d543eb-54ea-4bfb-bbf5-c489228eea47","Recents • MURAL","Grid Project management Dashboard Collaboration Sidebar navigation Workspace management Templates Template library","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65d543eb-54ea-4bfb-bbf5-c489228eea47.png","Recents • MURAL from Mural",2080,{"uuid":213,"title":214,"description":215,"image":216,"image_alt":217,"width":66,"height":74},"1ed972b5-10d6-4c08-a411-fc9c115b71d2","Learning • MURAL","Collaboration Account management Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ed972b5-10d6-4c08-a411-fc9c115b71d2.png","Learning • MURAL from Mural",{"uuid":219,"title":214,"description":220,"image":221,"image_alt":217,"width":66,"height":74},"779b0b4a-8bdf-43a2-a397-8dc5d623c728","Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F779b0b4a-8bdf-43a2-a397-8dc5d623c728.png",{"slug":31,"title":30,"logo":33},{"uuid":224,"title":225,"description":226,"canonical_path":4,"kind":53,"patterns_count":41,"categories":227,"screens":232,"app":248},"50e1fa6e-edbe-4c8f-9a97-b360561592e9","Setting up two-factor authentication","This flow enables users to secure their account by setting up Multi-factor Authentication (MFA), requiring a one-time code in addition to the password for login.",[228],{"id":229,"title":230,"slug":231},22,"Setting-up Multi-factor authentication","set-up-multi-factor-authentication",[233,240,244],{"uuid":234,"title":235,"description":236,"image":237,"image_alt":238,"width":66,"height":239},"c5005410-3132-4a8a-a2b1-74aa4120f4db","Account settings • MURAL","Settings Form Account management Account settings Profile settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5005410-3132-4a8a-a2b1-74aa4120f4db.png","Account settings • MURAL from Mural",2556,{"uuid":241,"title":235,"description":242,"image":243,"image_alt":238,"width":66,"height":74},"7e867265-c2fd-417f-8e89-aba332b345d9","Modal dialog User authentication Settings Form Account management Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e867265-c2fd-417f-8e89-aba332b345d9.png",{"uuid":245,"title":235,"description":246,"image":247,"image_alt":238,"width":66,"height":74},"f7f94e40-c08a-4095-8ee3-20233adc44db","User authentication Settings Form Account management Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7f94e40-c08a-4095-8ee3-20233adc44db.png",{"slug":31,"title":30,"logo":33},{"uuid":250,"title":251,"description":252,"canonical_path":4,"kind":53,"patterns_count":134,"categories":253,"screens":255,"app":268},"b8f77ae0-762c-4ab1-86f0-bb0d6a8f734e","Creating custom app","This flow guides a user through the process of registering a new app within MURAL, configuring its access and sharing settings.",[254],{"id":137,"title":138,"slug":139},[256,260,264],{"uuid":257,"title":235,"description":258,"image":259,"image_alt":238,"width":66,"height":74},"ac6e607a-06c9-4004-91b1-1c22f7b8fa97","Settings Sidebar navigation Account settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac6e607a-06c9-4004-91b1-1c22f7b8fa97.png",{"uuid":261,"title":235,"description":262,"image":263,"image_alt":238,"width":66,"height":74},"f1d5ba57-ff77-43f9-85f1-174acde9efa1","Settings Form Account settings Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1d5ba57-ff77-43f9-85f1-174acde9efa1.png",{"uuid":265,"title":235,"description":266,"image":267,"image_alt":238,"width":66,"height":74},"76c6e71c-93d4-4bdb-b5ce-066f319cb1d7","Authentication Settings Form Account settings Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76c6e71c-93d4-4bdb-b5ce-066f319cb1d7.png",{"slug":31,"title":30,"logo":33},{"uuid":270,"title":271,"description":272,"canonical_path":4,"kind":53,"patterns_count":134,"categories":273,"screens":278,"app":293},"7233aff3-ea7a-48bc-a2ba-45d4d79458a1","Deleting workspace","This flow guides a user through the process of deleting a workspace, from initiating the deletion to providing feedback on why they are choosing to delete it.",[274],{"id":275,"title":276,"slug":277},21,"Deleting","delete",[279,285,289],{"uuid":280,"title":281,"description":282,"image":283,"image_alt":284,"width":66,"height":74},"e67fbbf1-d2ed-4823-8b04-7fa21aadabe4","Workspace settings • MURAL","Settings Collaboration Workspace management Account management Account settings Configuration Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe67fbbf1-d2ed-4823-8b04-7fa21aadabe4.png","Workspace settings • MURAL from Mural",{"uuid":286,"title":281,"description":287,"image":288,"image_alt":284,"width":66,"height":74},"3d0d2c84-41b8-486b-aa2f-6cc8eb925966","Settings Collaboration Sidebar navigation Workspace management Account management Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d0d2c84-41b8-486b-aa2f-6cc8eb925966.png",{"uuid":290,"title":281,"description":291,"image":292,"image_alt":284,"width":66,"height":74},"cdecb512-b850-4725-b2d1-9e1d353655a7","Modal dialog Settings Form Collaboration Workspace management Account management Workspace settings Account deletion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdecb512-b850-4725-b2d1-9e1d353655a7.png",{"slug":31,"title":30,"logo":33},[],[296,299,302,305,308,311,314,316,320,324,328],{"label":297,"to":298},"Mural product screens","\u002Fexamples\u002Fapps\u002Fmural\u002Fscreens",{"label":300,"to":301},"Mural marketing pages","\u002Fexamples\u002Fapps\u002Fmural\u002Fmarketing",{"label":303,"to":304},"Mural UI components","\u002Fexamples\u002Fapps\u002Fmural\u002Fcomponents",{"label":306,"to":307},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":309,"to":310},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":312,"to":313},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":315,"to":18},"All SaaS app examples",{"label":317,"to":318,"description":319},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":321,"to":322,"description":323},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":325,"to":326,"description":327},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":329,"to":330,"description":331},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":333,"updated_at":334},"2023-04-11T10:55:50.000Z","2026-09-13T13:02:39.000Z",{"left":336,"top":336,"width":337,"height":337,"rotate":336,"vFlip":338,"hFlip":338,"body":339},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>"]