[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmiro\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":294,"links":295,"dates":356},"\u002Fexamples\u002Fapps\u002Fmiro\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Miro product screens examples - Nicelydone","Browse Miro screen design examples. Preview the interface screenshots and explore related UI patterns. An online visual collaboration platform for teamwork","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ba37225-b8dd-49c5-8d27-ba5f88f9f8c5.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},"Miro design examples","\u002Fexamples\u002Fapps\u002Fmiro",{"label":23,"to":4},"Miro product screens 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},"Miro","miro","An online visual collaboration platform for teamwork","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmiro-aa23804a.png","https:\u002F\u002Fmiro.com",[35,39,43],{"id":36,"title":37,"slug":38},86,"Product management","product-management",{"id":40,"title":41,"slug":42},8,"Design","design",{"id":44,"title":45,"slug":46},23,"Collaboration","collaboration",[48,77,93,117,138,154,170,185,198,216,238,267],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"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",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},277,"Button group","button-group",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":89,"app":91},"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",[84],{"id":85,"label":86,"slug":87,"rank":61,"group":88},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[90],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":79,"description":95,"canonical_path":4,"image":96,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":97,"component_categories":113,"app":115},"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",[98,100,108],{"id":85,"label":86,"slug":87,"rank":61,"group":99},{"id":63,"label":64,"slug":65},{"id":101,"label":102,"slug":103,"rank":63,"group":104},122,"Success","success",{"id":105,"label":106,"slug":107},12,"States & Feedback","states-and-feedback",{"id":109,"label":110,"slug":111,"rank":85,"group":112},114,"Confirmation","confirmation",{"id":105,"label":106,"slug":107},[114],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":52,"height":53,"image_alt":122,"kind":55,"patterns":123,"component_categories":134,"app":136},"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",[124,126],{"id":58,"label":59,"slug":60,"rank":61,"group":125},{"id":63,"label":64,"slug":65},{"id":127,"label":128,"slug":129,"rank":63,"group":130},103,"SSO","sso",{"id":131,"label":132,"slug":133},10,"Settings & Admin","settings-and-admin",[135],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":119,"description":140,"canonical_path":4,"image":141,"width":52,"height":53,"image_alt":122,"kind":55,"patterns":142,"component_categories":150,"app":152},"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",[143,145],{"id":58,"label":59,"slug":60,"rank":61,"group":144},{"id":63,"label":64,"slug":65},{"id":146,"label":147,"slug":148,"rank":63,"group":149},116,"Error","error",{"id":105,"label":106,"slug":107},[151],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":52,"height":53,"image_alt":159,"kind":55,"patterns":160,"component_categories":166,"app":168},"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",[161],{"id":162,"label":163,"slug":164,"rank":61,"group":165},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[167],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":156,"description":172,"canonical_path":4,"image":173,"width":52,"height":53,"image_alt":159,"kind":55,"patterns":174,"component_categories":181,"app":183},"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",[175,179],{"id":63,"label":176,"slug":177,"rank":61,"group":178},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},{"id":162,"label":163,"slug":164,"rank":63,"group":180},{"id":63,"label":64,"slug":65},[182],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":156,"description":187,"canonical_path":4,"image":188,"width":52,"height":53,"image_alt":159,"kind":55,"patterns":189,"component_categories":194,"app":196},"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",[190,192],{"id":162,"label":163,"slug":164,"rank":61,"group":191},{"id":63,"label":64,"slug":65},{"id":63,"label":176,"slug":177,"rank":63,"group":193},{"id":63,"label":64,"slug":65},[195],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":200,"description":201,"canonical_path":4,"image":202,"width":52,"height":53,"image_alt":203,"kind":55,"patterns":204,"component_categories":212,"app":214},"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",[205,210],{"id":206,"label":207,"slug":208,"rank":61,"group":209},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":63,"label":176,"slug":177,"rank":63,"group":211},{"id":63,"label":64,"slug":65},[213],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":218,"description":219,"canonical_path":4,"image":220,"width":52,"height":53,"image_alt":221,"kind":55,"patterns":222,"component_categories":230,"app":236},"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",[223,228],{"id":224,"label":225,"slug":226,"rank":61,"group":227},104,"Team Management","team-management",{"id":131,"label":132,"slug":133},{"id":63,"label":176,"slug":177,"rank":63,"group":229},{"id":63,"label":64,"slug":65},[231,235],{"id":232,"title":233,"slug":234},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":218,"description":240,"canonical_path":4,"image":241,"width":52,"height":53,"image_alt":221,"kind":55,"patterns":242,"component_categories":255,"app":265},"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",[243,251,253],{"id":244,"label":245,"slug":246,"rank":61,"group":247},75,"Setup Wizard","setup-wizard",{"id":248,"label":249,"slug":250},7,"Onboarding & Education","onboarding-and-education",{"id":224,"label":225,"slug":226,"rank":63,"group":252},{"id":131,"label":132,"slug":133},{"id":63,"label":176,"slug":177,"rank":85,"group":254},{"id":63,"label":64,"slug":65},[256,260,264],{"id":257,"title":258,"slug":259},211,"Pagination","pagination",{"id":261,"title":262,"slug":263},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":266},[],{"uuid":268,"title":218,"description":269,"canonical_path":4,"image":270,"width":52,"height":53,"image_alt":221,"kind":55,"patterns":271,"component_categories":289,"app":292},"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",[272,277,279,281],{"id":273,"label":274,"slug":275,"rank":61,"group":276},74,"Onboarding Checklist","onboarding-checklist",{"id":248,"label":249,"slug":250},{"id":63,"label":176,"slug":177,"rank":63,"group":278},{"id":63,"label":64,"slug":65},{"id":224,"label":225,"slug":226,"rank":85,"group":280},{"id":131,"label":132,"slug":133},{"id":282,"label":283,"slug":284,"rank":285,"group":286},42,"Form","form",3,{"id":58,"label":287,"slug":288},"Data & Analysis","data-and-analysis",[290,291],{"id":261,"title":262,"slug":263},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":293},[],[],[296,298,300,302,304,306,308,310,312,314,316,318,320,323,326,329,332,335,338,340,344,348,352],{"label":176,"to":297},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":59,"to":299},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":163,"to":301},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":225,"to":303},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":86,"to":305},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":110,"to":307},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":147,"to":309},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":283,"to":311},"\u002Fexamples\u002Fscreens\u002Fform",{"label":274,"to":313},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":245,"to":315},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":128,"to":317},"\u002Fexamples\u002Fscreens\u002Fsso",{"label":102,"to":319},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":321,"to":322},"Miro marketing pages","\u002Fexamples\u002Fapps\u002Fmiro\u002Fmarketing",{"label":324,"to":325},"Miro user flows","\u002Fexamples\u002Fapps\u002Fmiro\u002Fflows",{"label":327,"to":328},"Miro UI components","\u002Fexamples\u002Fapps\u002Fmiro\u002Fcomponents",{"label":330,"to":331},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":333,"to":334},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":336,"to":337},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":339,"to":18},"All SaaS app examples",{"label":341,"to":342,"description":343},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":345,"to":346,"description":347},"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":349,"to":350,"description":351},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":353,"to":354,"description":355},"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":357,"updated_at":358},"2020-11-23T22:15:11.000Z","2026-09-13T13:02:39.000Z"]