[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmiro":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":56,"showcases":57,"links":313,"dates":350},"\u002Fexamples\u002Fapps\u002Fmiro","detail","apps",true,{"title":9,"description":10,"og_image":11},"Miro design examples - Nicelydone","Explore Miro UI design examples. An online visual collaboration platform for teamwork","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ba37225-b8dd-49c5-8d27-ba5f88f9f8c5.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Miro design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Miro",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmiro\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmiro\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fmiro\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Miro","miro","An online visual collaboration platform for teamwork","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmiro-aa23804a.png","https:\u002F\u002Fmiro.com",[44,48,52],{"id":45,"title":46,"slug":47},86,"Product management","product-management",{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",[],[58,307,310],{"family":59,"examples":60},"screens",[61,90,106,130,151,167,183,198,211,229,251,280],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":88},"0ba37225-b8dd-49c5-8d27-ba5f88f9f8c5","Sign in | Miro  Online Whiteboard for Visual Collaboration","Sign-in screen where the user authenticates with Google, various social providers, or a work email and password.",3024,1738,"Sign in | Miro  Online Whiteboard for Visual Collaboration from Miro","screen",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80,84],{"id":81,"title":82,"slug":83},277,"Button group","button-group",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":29,"image":94,"width":65,"height":66,"image_alt":95,"kind":68,"patterns":96,"component_categories":102,"app":104},"72ee165e-ecc0-47a5-b3cb-045ab316ac27","Online whiteboard | online collaboration tool  Miro","Password recovery page where the user enters their work email to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72ee165e-ecc0-47a5-b3cb-045ab316ac27.png","Online whiteboard | online collaboration tool  Miro from Miro",[97],{"id":98,"label":99,"slug":100,"rank":74,"group":101},2,"Forgot Password","forgot-password",{"id":76,"label":77,"slug":78},[103],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":105},[],{"uuid":107,"title":92,"description":108,"canonical_path":29,"image":109,"width":65,"height":66,"image_alt":95,"kind":68,"patterns":110,"component_categories":126,"app":128},"1e03fd83-e12a-4a1a-88f3-1f7b793f1b8b","Password recovery screen confirming that reset instructions have been sent to the user's email address, with options to return to sign in or resend the email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e03fd83-e12a-4a1a-88f3-1f7b793f1b8b.png",[111,113,121],{"id":98,"label":99,"slug":100,"rank":74,"group":112},{"id":76,"label":77,"slug":78},{"id":114,"label":115,"slug":116,"rank":76,"group":117},122,"Success","success",{"id":118,"label":119,"slug":120},12,"States & Feedback","states-and-feedback",{"id":122,"label":123,"slug":124,"rank":98,"group":125},114,"Confirmation","confirmation",{"id":118,"label":119,"slug":120},[127],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":29,"image":134,"width":65,"height":66,"image_alt":135,"kind":68,"patterns":136,"component_categories":147,"app":149},"a42384a3-9e40-4e66-9976-a1584553578e","Single Sign On SSO Login | Miro","Sign-in screen where the user is prompted to enter their work email to authenticate via Single Sign On.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa42384a3-9e40-4e66-9976-a1584553578e.png","Single Sign On SSO Login | Miro from Miro",[137,139],{"id":71,"label":72,"slug":73,"rank":74,"group":138},{"id":76,"label":77,"slug":78},{"id":140,"label":141,"slug":142,"rank":76,"group":143},103,"SSO","sso",{"id":144,"label":145,"slug":146},10,"Settings & Admin","settings-and-admin",[148],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":150},[],{"uuid":152,"title":132,"description":153,"canonical_path":29,"image":154,"width":65,"height":66,"image_alt":135,"kind":68,"patterns":155,"component_categories":163,"app":165},"b1e734ca-2630-4336-9205-42274bf2dba2","Sign-in screen where the user is prompted to enter their work email for Single Sign-On, currently showing a validation error for an empty field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1e734ca-2630-4336-9205-42274bf2dba2.png",[156,158],{"id":71,"label":72,"slug":73,"rank":74,"group":157},{"id":76,"label":77,"slug":78},{"id":159,"label":160,"slug":161,"rank":76,"group":162},116,"Error","error",{"id":118,"label":119,"slug":120},[164],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":29,"image":171,"width":65,"height":66,"image_alt":172,"kind":68,"patterns":173,"component_categories":179,"app":181},"6356b1cc-b866-44f5-a8c1-9e72dd574003","Sign up | Miro  Online Whiteboard for Visual Collaboration","Signup screen where the user creates an account using their work email, Google, or Slack.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6356b1cc-b866-44f5-a8c1-9e72dd574003.png","Sign up | Miro  Online Whiteboard for Visual Collaboration from Miro",[174],{"id":175,"label":176,"slug":177,"rank":74,"group":178},5,"Sign Up","sign-up",{"id":76,"label":77,"slug":78},[180],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":182},[],{"uuid":184,"title":169,"description":185,"canonical_path":29,"image":186,"width":65,"height":66,"image_alt":172,"kind":68,"patterns":187,"component_categories":194,"app":196},"888d999e-02cc-4092-8b10-1ce9b1b64e3d","Onboarding step where the user is welcomed and prompted to enter their name to continue setting up their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F888d999e-02cc-4092-8b10-1ce9b1b64e3d.png",[188,192],{"id":76,"label":189,"slug":190,"rank":74,"group":191},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},{"id":175,"label":176,"slug":177,"rank":76,"group":193},{"id":76,"label":77,"slug":78},[195],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":197},[],{"uuid":199,"title":169,"description":200,"canonical_path":29,"image":201,"width":65,"height":66,"image_alt":172,"kind":68,"patterns":202,"component_categories":207,"app":209},"6802eb5d-5d55-4590-bf7d-68275a40d632","Signup step where the user sets a password and agrees to the terms and privacy policy to complete account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6802eb5d-5d55-4590-bf7d-68275a40d632.png",[203,205],{"id":175,"label":176,"slug":177,"rank":74,"group":204},{"id":76,"label":77,"slug":78},{"id":76,"label":189,"slug":190,"rank":76,"group":206},{"id":76,"label":77,"slug":78},[208],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":210},[],{"uuid":212,"title":213,"description":214,"canonical_path":29,"image":215,"width":65,"height":66,"image_alt":216,"kind":68,"patterns":217,"component_categories":225,"app":227},"b23f03ef-5454-4ee6-a394-e7ed7dc23177","Please check your email, Online Whiteboard | Miro","Auth screen where the user is prompted to enter a 6-digit confirmation code sent to their email, with quick links to open Gmail or Outlook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb23f03ef-5454-4ee6-a394-e7ed7dc23177.png","Please check your email, Online Whiteboard | Miro from Miro",[218,223],{"id":219,"label":220,"slug":221,"rank":74,"group":222},6,"Verification","verification",{"id":76,"label":77,"slug":78},{"id":76,"label":189,"slug":190,"rank":76,"group":224},{"id":76,"label":77,"slug":78},[226],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":235,"component_categories":243,"app":249},"29ecbda0-cae5-4a53-882b-87a87606cbc3","Miro | Online Whiteboard for Visual Collaboration","Signup step where the user can discover and join an existing team associated with their email domain or choose to create a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29ecbda0-cae5-4a53-882b-87a87606cbc3.png","Miro | Online Whiteboard for Visual Collaboration from Miro",[236,241],{"id":237,"label":238,"slug":239,"rank":74,"group":240},104,"Team Management","team-management",{"id":144,"label":145,"slug":146},{"id":76,"label":189,"slug":190,"rank":76,"group":242},{"id":76,"label":77,"slug":78},[244,248],{"id":245,"title":246,"slug":247},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":250},[],{"uuid":252,"title":231,"description":253,"canonical_path":29,"image":254,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":255,"component_categories":268,"app":278},"75a54769-5fe9-42d4-90f7-dec751d7548c","Onboarding step where the user names their team and optionally allows domain-based auto-join.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75a54769-5fe9-42d4-90f7-dec751d7548c.png",[256,264,266],{"id":257,"label":258,"slug":259,"rank":74,"group":260},75,"Setup Wizard","setup-wizard",{"id":261,"label":262,"slug":263},7,"Onboarding & Education","onboarding-and-education",{"id":237,"label":238,"slug":239,"rank":76,"group":265},{"id":144,"label":145,"slug":146},{"id":76,"label":189,"slug":190,"rank":98,"group":267},{"id":76,"label":77,"slug":78},[269,273,277],{"id":270,"title":271,"slug":272},211,"Pagination","pagination",{"id":274,"title":275,"slug":276},227,"Stepper","stepper",{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":279},[],{"uuid":281,"title":231,"description":282,"canonical_path":29,"image":283,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":284,"component_categories":302,"app":305},"807d3b02-9469-4f4c-8b24-982c6ca5c753","Onboarding step where the user names their team, configures domain access, and answers profiling questions about their experience and intent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F807d3b02-9469-4f4c-8b24-982c6ca5c753.png",[285,290,292,294],{"id":286,"label":287,"slug":288,"rank":74,"group":289},74,"Onboarding Checklist","onboarding-checklist",{"id":261,"label":262,"slug":263},{"id":76,"label":189,"slug":190,"rank":76,"group":291},{"id":76,"label":77,"slug":78},{"id":237,"label":238,"slug":239,"rank":98,"group":293},{"id":144,"label":145,"slug":146},{"id":295,"label":296,"slug":297,"rank":298,"group":299},42,"Form","form",3,{"id":71,"label":300,"slug":301},"Data & Analysis","data-and-analysis",[303,304],{"id":274,"title":275,"slug":276},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":306},[],{"family":308,"examples":309},"flows",[],{"family":311,"examples":312},"pages",[],[314,316,318,320,323,326,329,332,334,338,342,346],{"label":315,"to":29},"Miro product screens",{"label":317,"to":35},"Miro marketing pages",{"label":319,"to":32},"Miro user flows",{"label":321,"to":322},"Miro UI components","\u002Fexamples\u002Fapps\u002Fmiro\u002Fcomponents",{"label":324,"to":325},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":327,"to":328},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":330,"to":331},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"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":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"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":351,"updated_at":352},"2020-11-23T22:15:11.000Z","2026-09-13T13:02:39.000Z"]