[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmural":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":298,"dates":334},"\u002Fexamples\u002Fapps\u002Fmural","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mural design examples - Nicelydone","Explore Mural UI design examples. Level up teamwork with an intuitive digital whiteboard built for teams to do their best work","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a10ccac-8f30-4795-97e2-ea7e481eba7c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mural design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mural",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmural\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmural\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fmural\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fmural\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"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",[47,51,55],{"id":48,"title":49,"slug":50},30,"Productivity","productivity",{"id":52,"title":53,"slug":54},8,"Design","design",{"id":56,"title":57,"slug":58},23,"Collaboration","collaboration",[],[61,289,292,295],{"family":62,"examples":63},"screens",[64,93,109,126,141,153,170,185,208,221,252,274],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":91},"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",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83,87],{"id":84,"title":85,"slug":86},175,"Button","button",{"id":88,"title":89,"slug":90},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":66,"description":95,"canonical_path":29,"image":96,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":97,"component_categories":100,"app":107},"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",[98],{"id":74,"label":75,"slug":76,"rank":77,"group":99},{"id":79,"label":80,"slug":81},[101,105,106],{"id":102,"title":103,"slug":104},167,"Alert","alert",{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":29,"image":113,"width":68,"height":69,"image_alt":114,"kind":71,"patterns":115,"component_categories":121,"app":124},"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",[116],{"id":117,"label":118,"slug":119,"rank":77,"group":120},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},[122,123],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":125},[],{"uuid":127,"title":111,"description":128,"canonical_path":29,"image":129,"width":68,"height":69,"image_alt":114,"kind":71,"patterns":130,"component_categories":137,"app":139},"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",[131,133],{"id":117,"label":118,"slug":119,"rank":77,"group":132},{"id":79,"label":80,"slug":81},{"id":79,"label":134,"slug":135,"rank":79,"group":136},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},[138],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":140},[],{"uuid":142,"title":111,"description":143,"canonical_path":29,"image":144,"width":68,"height":69,"image_alt":114,"kind":71,"patterns":145,"component_categories":148,"app":151},"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",[146],{"id":117,"label":118,"slug":119,"rank":77,"group":147},{"id":79,"label":80,"slug":81},[149,150],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":29,"image":157,"width":68,"height":69,"image_alt":158,"kind":71,"patterns":159,"component_categories":165,"app":168},"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",[160],{"id":161,"label":162,"slug":163,"rank":77,"group":164},6,"Verification","verification",{"id":79,"label":80,"slug":81},[166,167],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":155,"description":172,"canonical_path":29,"image":173,"width":68,"height":69,"image_alt":158,"kind":71,"patterns":174,"component_categories":179,"app":183},"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",[175,177],{"id":79,"label":134,"slug":135,"rank":77,"group":176},{"id":79,"label":80,"slug":81},{"id":161,"label":162,"slug":163,"rank":79,"group":178},{"id":79,"label":80,"slug":81},[180,181,182],{"id":102,"title":103,"slug":104},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":184},[],{"uuid":186,"title":155,"description":187,"canonical_path":29,"image":188,"width":68,"height":69,"image_alt":158,"kind":71,"patterns":189,"component_categories":203,"app":206},"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",[190,192,194],{"id":117,"label":118,"slug":119,"rank":77,"group":191},{"id":79,"label":80,"slug":81},{"id":79,"label":134,"slug":135,"rank":79,"group":193},{"id":79,"label":80,"slug":81},{"id":195,"label":196,"slug":197,"rank":198,"group":199},122,"Success","success",2,{"id":200,"label":201,"slug":202},12,"States & Feedback","states-and-feedback",[204,205],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":207},[],{"uuid":209,"title":155,"description":210,"canonical_path":29,"image":211,"width":68,"height":69,"image_alt":158,"kind":71,"patterns":212,"component_categories":218,"app":219},"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",[213],{"id":214,"label":215,"slug":216,"rank":77,"group":217},120,"Loading","loading",{"id":200,"label":201,"slug":202},[],{"slug":42,"title":41,"logo":44,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":29,"image":225,"width":68,"height":69,"image_alt":226,"kind":71,"patterns":227,"component_categories":247,"app":250},"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",[228,235,240],{"id":229,"label":230,"slug":231,"rank":77,"group":232},7,"Add & Create","add-and-create",{"id":198,"label":233,"slug":234},"Actions","actions",{"id":236,"label":237,"slug":238,"rank":79,"group":239},133,"Invite Teammates","invite-teammates",{"id":198,"label":233,"slug":234},{"id":241,"label":242,"slug":243,"rank":198,"group":244},74,"Onboarding Checklist","onboarding-checklist",{"id":229,"label":245,"slug":246},"Onboarding & Education","onboarding-and-education",[248,249],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":251},[],{"uuid":253,"title":223,"description":254,"canonical_path":29,"image":255,"width":68,"height":69,"image_alt":226,"kind":71,"patterns":256,"component_categories":269,"app":272},"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",[257,259,261],{"id":79,"label":134,"slug":135,"rank":77,"group":258},{"id":79,"label":80,"slug":81},{"id":236,"label":237,"slug":238,"rank":79,"group":260},{"id":198,"label":233,"slug":234},{"id":262,"label":263,"slug":264,"rank":198,"group":265},104,"Team Management","team-management",{"id":266,"label":267,"slug":268},10,"Settings & Admin","settings-and-admin",[270,271],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":273},[],{"uuid":275,"title":223,"description":254,"canonical_path":29,"image":276,"width":68,"height":69,"image_alt":226,"kind":71,"patterns":277,"component_categories":284,"app":287},"95b80fec-6faa-449c-b337-4f4594b7fa4b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95b80fec-6faa-449c-b337-4f4594b7fa4b.png",[278,280,282],{"id":79,"label":134,"slug":135,"rank":77,"group":279},{"id":79,"label":80,"slug":81},{"id":236,"label":237,"slug":238,"rank":79,"group":281},{"id":198,"label":233,"slug":234},{"id":262,"label":263,"slug":264,"rank":198,"group":283},{"id":266,"label":267,"slug":268},[285,286],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":288},[],{"family":290,"examples":291},"flows",[],{"family":293,"examples":294},"components",[],{"family":296,"examples":297},"pages",[],[299,301,303,305,307,310,313,316,318,322,326,330],{"label":300,"to":29},"Mural product screens",{"label":302,"to":38},"Mural marketing pages",{"label":304,"to":32},"Mural user flows",{"label":306,"to":35},"Mural UI components",{"label":308,"to":309},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":311,"to":312},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":314,"to":315},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":317,"to":18},"All SaaS app examples",{"label":319,"to":320,"description":321},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":323,"to":324,"description":325},"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":327,"to":328,"description":329},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":331,"to":332,"description":333},"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":335,"updated_at":336},"2023-04-11T10:54:40.000Z","2026-09-13T13:02:39.000Z"]