[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmural\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":274,"links":275,"dates":332},"\u002Fexamples\u002Fapps\u002Fmural\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mural product screens examples - Nicelydone","Browse Mural screen design examples. Preview the interface screenshots and explore related UI patterns. Level up teamwork with an intuitive digital…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a10ccac-8f30-4795-97e2-ea7e481eba7c.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 product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Mural screen design examples. Preview the interface screenshots and explore related UI patterns. 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,78,94,111,126,138,155,170,193,206,237,259],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"3a10ccac-8f30-4795-97e2-ea7e481eba7c","Sign in • MURAL","Sign-in screen where the user enters their work email to continue, with an option to create a new free account.",3024,1738,"Sign in • MURAL from Mural","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},175,"Button","button",{"id":73,"title":74,"slug":75},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":85,"app":92},"95f02900-5ed4-4303-b363-1003fb07e094","Sign-in screen where the user enters their work email to continue, with an alert banner prompting new users to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95f02900-5ed4-4303-b363-1003fb07e094.png",[83],{"id":59,"label":60,"slug":61,"rank":62,"group":84},{"id":64,"label":65,"slug":66},[86,90,91],{"id":87,"title":88,"slug":89},167,"Alert","alert",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":53,"height":54,"image_alt":99,"kind":56,"patterns":100,"component_categories":106,"app":109},"a2fa95e4-5e79-4484-afcc-cef05661eae3","Sign up • MURAL","Signup page where the user enters their first name, last name, and email to create a free account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2fa95e4-5e79-4484-afcc-cef05661eae3.png","Sign up • MURAL from Mural",[101],{"id":102,"label":103,"slug":104,"rank":62,"group":105},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},[107,108],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":96,"description":113,"canonical_path":4,"image":114,"width":53,"height":54,"image_alt":99,"kind":56,"patterns":115,"component_categories":122,"app":124},"23cf251a-84aa-4a0c-afee-edcab3c60933","Signup screen where an invited user enters their name and email to claim their seat.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23cf251a-84aa-4a0c-afee-edcab3c60933.png",[116,118],{"id":102,"label":103,"slug":104,"rank":62,"group":117},{"id":64,"label":65,"slug":66},{"id":64,"label":119,"slug":120,"rank":64,"group":121},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[123],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":96,"description":128,"canonical_path":4,"image":129,"width":53,"height":54,"image_alt":99,"kind":56,"patterns":130,"component_categories":133,"app":136},"a366bbb3-a38f-41ee-9d0b-c1861da02187","Signup page where the user enters their first name, last name, and email to create a free account, completing a reCAPTCHA before submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa366bbb3-a38f-41ee-9d0b-c1861da02187.png",[131],{"id":102,"label":103,"slug":104,"rank":62,"group":132},{"id":64,"label":65,"slug":66},[134,135],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":4,"image":142,"width":53,"height":54,"image_alt":143,"kind":56,"patterns":144,"component_categories":150,"app":153},"5e716399-f58c-4b3f-9941-aae4f359547d","MURAL","Verification screen where the user enters a 6-digit code sent to their email address to complete authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e716399-f58c-4b3f-9941-aae4f359547d.png","MURAL from Mural",[145],{"id":146,"label":147,"slug":148,"rank":62,"group":149},6,"Verification","verification",{"id":64,"label":65,"slug":66},[151,152],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":140,"description":157,"canonical_path":4,"image":158,"width":53,"height":54,"image_alt":143,"kind":56,"patterns":159,"component_categories":164,"app":168},"50fd95b5-7a23-47b2-a170-0d4dd6ec8f10","Signup step where the user sets their password after successfully verifying their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50fd95b5-7a23-47b2-a170-0d4dd6ec8f10.png",[160,162],{"id":64,"label":119,"slug":120,"rank":62,"group":161},{"id":64,"label":65,"slug":66},{"id":146,"label":147,"slug":148,"rank":64,"group":163},{"id":64,"label":65,"slug":66},[165,166,167],{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":140,"description":172,"canonical_path":4,"image":173,"width":53,"height":54,"image_alt":143,"kind":56,"patterns":174,"component_categories":188,"app":191},"5361af20-b234-496f-88ee-78c68e36e19b","Signup step where the user sets a new password, featuring inline strength validation and a success state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5361af20-b234-496f-88ee-78c68e36e19b.png",[175,177,179],{"id":102,"label":103,"slug":104,"rank":62,"group":176},{"id":64,"label":65,"slug":66},{"id":64,"label":119,"slug":120,"rank":64,"group":178},{"id":64,"label":65,"slug":66},{"id":180,"label":181,"slug":182,"rank":183,"group":184},122,"Success","success",2,{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",[189,190],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":192},[],{"uuid":194,"title":140,"description":195,"canonical_path":4,"image":196,"width":53,"height":54,"image_alt":143,"kind":56,"patterns":197,"component_categories":203,"app":204},"3266e4ae-83d2-4baa-84f8-de8cea9f1c6b","App loading screen displaying the company logo centered on a solid white background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3266e4ae-83d2-4baa-84f8-de8cea9f1c6b.png",[198],{"id":199,"label":200,"slug":201,"rank":62,"group":202},120,"Loading","loading",{"id":185,"label":186,"slug":187},[],{"slug":31,"title":30,"logo":33,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":53,"height":54,"image_alt":211,"kind":56,"patterns":212,"component_categories":232,"app":235},"cc984e35-cd62-41e4-b98c-0c6e6b9d9cbb","Create workspace • MURAL","Onboarding step where the user names their new workspace, optionally invites teammates by email, and accepts the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc984e35-cd62-41e4-b98c-0c6e6b9d9cbb.png","Create workspace • MURAL from Mural",[213,220,225],{"id":214,"label":215,"slug":216,"rank":62,"group":217},7,"Add & Create","add-and-create",{"id":183,"label":218,"slug":219},"Actions","actions",{"id":221,"label":222,"slug":223,"rank":64,"group":224},133,"Invite Teammates","invite-teammates",{"id":183,"label":218,"slug":219},{"id":226,"label":227,"slug":228,"rank":183,"group":229},74,"Onboarding Checklist","onboarding-checklist",{"id":214,"label":230,"slug":231},"Onboarding & Education","onboarding-and-education",[233,234],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":236},[],{"uuid":238,"title":208,"description":239,"canonical_path":4,"image":240,"width":53,"height":54,"image_alt":211,"kind":56,"patterns":241,"component_categories":254,"app":257},"2371f5d8-e91f-4b9d-9efd-82af730461c9","Onboarding step where the user names their new workspace, optionally invites team members by email, and accepts the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2371f5d8-e91f-4b9d-9efd-82af730461c9.png",[242,244,246],{"id":64,"label":119,"slug":120,"rank":62,"group":243},{"id":64,"label":65,"slug":66},{"id":221,"label":222,"slug":223,"rank":64,"group":245},{"id":183,"label":218,"slug":219},{"id":247,"label":248,"slug":249,"rank":183,"group":250},104,"Team Management","team-management",{"id":251,"label":252,"slug":253},10,"Settings & Admin","settings-and-admin",[255,256],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":258},[],{"uuid":260,"title":208,"description":239,"canonical_path":4,"image":261,"width":53,"height":54,"image_alt":211,"kind":56,"patterns":262,"component_categories":269,"app":272},"95b80fec-6faa-449c-b337-4f4594b7fa4b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95b80fec-6faa-449c-b337-4f4594b7fa4b.png",[263,265,267],{"id":64,"label":119,"slug":120,"rank":62,"group":264},{"id":64,"label":65,"slug":66},{"id":221,"label":222,"slug":223,"rank":64,"group":266},{"id":183,"label":218,"slug":219},{"id":247,"label":248,"slug":249,"rank":183,"group":268},{"id":251,"label":252,"slug":253},[270,271],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":273},[],[],[276,278,280,282,284,286,288,290,292,294,296,299,302,305,308,311,314,316,320,324,328],{"label":119,"to":277},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":103,"to":279},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":222,"to":281},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":60,"to":283},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":248,"to":285},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":147,"to":287},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":215,"to":289},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":200,"to":291},"\u002Fexamples\u002Fscreens\u002Floading",{"label":227,"to":293},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":181,"to":295},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":297,"to":298},"Mural marketing pages","\u002Fexamples\u002Fapps\u002Fmural\u002Fmarketing",{"label":300,"to":301},"Mural user flows","\u002Fexamples\u002Fapps\u002Fmural\u002Fflows",{"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:54:40.000Z","2026-09-13T13:02:39.000Z"]