[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwhereby":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":424,"dates":462},"\u002Fexamples\u002Fapps\u002Fwhereby","detail","apps",true,{"title":9,"description":10,"og_image":11},"Whereby design examples - Nicelydone","Explore Whereby UI design examples. Freedom to work from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_sign-in_1e003665_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Whereby design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Whereby",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Whereby","whereby","Freedom to work from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwhereby-4f932483.png","http:\u002F\u002Fwhereby.com",[41,45,49],{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},37,"Developer APIs","developer-apis",{"id":50,"title":51,"slug":52},82,"Communication","communication",[],[55,421],{"family":56,"examples":57},"screens",[58,87,105,123,159,190,222,268,300,324,363,397],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":85},"743b2657-f60a-457d-a879-c8b82a500d04","Sign in","Sign-in screen where the user authenticates via Google SSO or by entering their work email to receive a login code.",2880,3012,"Sign in from Whereby","screen",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81],{"id":78,"title":79,"slug":80},240,"Horizontal navigation","horizontal-navigation",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":62,"height":92,"image_alt":93,"kind":65,"patterns":94,"component_categories":100,"app":103},"bb013717-90ee-45bf-8852-8c9eee678027","Sign up","Signup screen where the user creates an account using Google OAuth or by entering their name and work email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_sign-up_777325d9_nicelydone.png",2764,"Sign up from Whereby",[95],{"id":96,"label":97,"slug":98,"rank":71,"group":99},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[101,102],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":29,"image":109,"width":62,"height":110,"image_alt":111,"kind":65,"patterns":112,"component_categories":118,"app":121},"4585e7ed-0f47-4b06-94f7-f7bbe730aa6e","Email verification","Authentication screen where the user enters a 6-digit login code sent to their email to sign in passwordless.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_email-verification_b3d0bba2_nicelydone.png",2032,"Email verification from Whereby",[113],{"id":114,"label":115,"slug":116,"rank":71,"group":117},6,"Verification","verification",{"id":73,"label":74,"slug":75},[119,120],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":29,"image":127,"width":62,"height":128,"image_alt":129,"kind":65,"patterns":130,"component_categories":139,"app":157},"3c6172b4-12cc-4e51-acb0-30b3d56d8e6c","Plans","Pricing page where the user chooses between Business, Pro, and Free subscription tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_plans_a6e7ed07_nicelydone.png",6040,"Plans from Whereby",[131],{"id":132,"label":133,"slug":134,"rank":71,"group":135},89,"Pricing","pricing",{"id":136,"label":137,"slug":138},9,"Plans & Limits","plans-and-limits",[140,144,148,152,156],{"id":141,"title":142,"slug":143},258,"Header","header",{"id":145,"title":146,"slug":147},202,"Footer","footer",{"id":149,"title":150,"slug":151},174,"Card","card",{"id":153,"title":154,"slug":155},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":29,"image":163,"width":62,"height":164,"image_alt":165,"kind":65,"patterns":166,"component_categories":183,"app":188},"95325eeb-bb0c-428a-8a2f-31a5be7ce0f6","Create room","Onboarding screen where a new user is welcomed and prompted to create their first personal meeting room by entering a custom URL name.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_create-room_c5cee0b6_nicelydone.png",2532,"Create room from Whereby",[167,175],{"id":168,"label":169,"slug":170,"rank":71,"group":171},77,"Welcome","welcome",{"id":172,"label":173,"slug":174},7,"Onboarding & Education","onboarding-and-education",{"id":176,"label":177,"slug":178,"rank":73,"group":179},115,"Empty State","empty-state",{"id":180,"label":181,"slug":182},12,"States & Feedback","states-and-feedback",[184,185,186,187],{"id":149,"title":150,"slug":151},{"id":78,"title":79,"slug":80},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":29,"image":194,"width":62,"height":195,"image_alt":196,"kind":65,"patterns":197,"component_categories":215,"app":220},"26ccd645-ad10-4745-b35a-aabd31c601bd","Home","Dashboard home where the user is welcomed and can jump into their existing meeting room or create new ones.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_home_c2604126_nicelydone.png",2236,"Home from Whereby",[198,205,212],{"id":199,"label":200,"slug":201,"rank":71,"group":202},41,"Dashboard","dashboard",{"id":68,"label":203,"slug":204},"Data & Analysis","data-and-analysis",{"id":206,"label":192,"slug":207,"rank":73,"group":208},81,"home",{"id":209,"label":210,"slug":211},8,"Pages & Content","pages-and-content",{"id":168,"label":169,"slug":170,"rank":213,"group":214},2,{"id":172,"label":173,"slug":174},[216,217,218,219],{"id":149,"title":150,"slug":151},{"id":78,"title":79,"slug":80},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":221},[],{"uuid":223,"title":224,"description":225,"canonical_path":29,"image":226,"width":62,"height":227,"image_alt":228,"kind":65,"patterns":229,"component_categories":261,"app":266},"8be9b64c-2a86-4eec-ba0a-a42d32b55533","Profile settings","Account settings page where the user can update their name, email, upload a profile image, or permanently delete their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_profile-settings_8aa3e346_nicelydone.png",2216,"Profile settings from Whereby",[230,238,246,252,257],{"id":231,"label":232,"slug":233,"rank":71,"group":234},3,"Profile","profile",{"id":235,"label":236,"slug":237},11,"Social & Collaboration","social-and-collaboration",{"id":239,"label":240,"slug":241,"rank":73,"group":242},94,"Account Settings","account-settings",{"id":243,"label":244,"slug":245},10,"Settings & Admin","settings-and-admin",{"id":235,"label":247,"slug":248,"rank":213,"group":249},"Edit","edit",{"id":213,"label":250,"slug":251},"Actions","actions",{"id":253,"label":254,"slug":255,"rank":231,"group":256},25,"Upload & Download","upload-and-download",{"id":213,"label":250,"slug":251},{"id":136,"label":258,"slug":259,"rank":68,"group":260},"Delete","delete",{"id":213,"label":250,"slug":251},[262,263,264,265],{"id":149,"title":150,"slug":151},{"id":78,"title":79,"slug":80},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":29,"image":272,"width":62,"height":273,"image_alt":274,"kind":65,"patterns":275,"component_categories":290,"app":298},"01fc4a25-9bf6-4e40-907c-2d6dad59c97d","Room","Detail page where a user waits alone in a video meeting room and can copy the link to invite others.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_room_837d31fc_nicelydone.png",1595,"Room from Whereby",[276,283,288],{"id":277,"label":278,"slug":279,"rank":71,"group":280},61,"Video Player","video-player",{"id":96,"label":281,"slug":282},"Media & Tools","media-and-tools",{"id":284,"label":285,"slug":286,"rank":73,"group":287},24,"Share","share",{"id":213,"label":250,"slug":251},{"id":176,"label":177,"slug":178,"rank":213,"group":289},{"id":180,"label":181,"slug":182},[291,295,296,297],{"id":292,"title":293,"slug":294},260,"Badge","badge",{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":299},[],{"uuid":301,"title":302,"description":303,"canonical_path":29,"image":304,"width":62,"height":273,"image_alt":305,"kind":65,"patterns":306,"component_categories":316,"app":322},"c468cc3f-bf1f-4506-829f-935cf1f10f14","Dropdown","Detail page where the user is alone in a video meeting room and is prompted to share the link to invite others.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_dropdown_d05d29d6_nicelydone.png","Dropdown from Whereby",[307,309,311],{"id":277,"label":278,"slug":279,"rank":71,"group":308},{"id":96,"label":281,"slug":282},{"id":284,"label":285,"slug":286,"rank":73,"group":310},{"id":213,"label":250,"slug":251},{"id":312,"label":313,"slug":314,"rank":213,"group":315},114,"Confirmation","confirmation",{"id":180,"label":181,"slug":182},[317,318,319,320,321],{"id":292,"title":293,"slug":294},{"id":149,"title":150,"slug":151},{"id":78,"title":79,"slug":80},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":323},[],{"uuid":325,"title":326,"description":327,"canonical_path":29,"image":328,"width":62,"height":273,"image_alt":329,"kind":65,"patterns":330,"component_categories":352,"app":361},"0b48be8d-8375-4a4d-9127-2b5ad7d7f211","Room chat","Video meeting room where the user is alone and prompted to share the link to invite others, with a chat sidebar open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_room-chat_571d8371_nicelydone.png","Room chat from Whereby",[331,338,343,348],{"id":332,"label":333,"slug":334,"rank":71,"group":335},35,"Chatbot","chatbot",{"id":231,"label":336,"slug":337},"AI","ai",{"id":339,"label":340,"slug":341,"rank":73,"group":342},52,"Call","call",{"id":96,"label":281,"slug":282},{"id":344,"label":345,"slug":346,"rank":213,"group":347},109,"Messages","messages",{"id":235,"label":236,"slug":237},{"id":50,"label":349,"slug":350,"rank":231,"group":351},"Media Detail","media-detail",{"id":209,"label":210,"slug":211},[353,357,358,359,360],{"id":354,"title":355,"slug":356},233,"Tabs","tabs",{"id":292,"title":293,"slug":294},{"id":149,"title":150,"slug":151},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":362},[],{"uuid":364,"title":365,"description":366,"canonical_path":29,"image":367,"width":62,"height":273,"image_alt":368,"kind":65,"patterns":369,"component_categories":382,"app":395},"2d98665d-ae44-4ffd-b001-fc0e67eb7394","Premium feature","Paywall modal where the user is prompted to upgrade to a Pro plan to unlock unlimited meeting recording.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_premium-feature_8e577bad_nicelydone.png","Premium feature from Whereby",[370,375,380],{"id":371,"label":372,"slug":373,"rank":71,"group":374},88,"Feature Gate","feature-gate",{"id":136,"label":137,"slug":138},{"id":376,"label":377,"slug":378,"rank":73,"group":379},92,"Upgrade Prompt","upgrade-prompt",{"id":136,"label":137,"slug":138},{"id":312,"label":313,"slug":314,"rank":213,"group":381},{"id":180,"label":181,"slug":182},[383,387,391,392,393,394],{"id":384,"title":385,"slug":386},277,"Button group","button-group",{"id":388,"title":389,"slug":390},284,"Modal","modal",{"id":292,"title":293,"slug":294},{"id":78,"title":79,"slug":80},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":396},[],{"uuid":398,"title":399,"description":400,"canonical_path":29,"image":401,"width":62,"height":273,"image_alt":402,"kind":65,"patterns":403,"component_categories":413,"app":419},"4da7d9bd-d94a-49f3-a3b6-9423e6701b33","Room settings","Video conferencing room settings modal where the user can toggle the room lock, revert to an older app version, and copy the invite link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_room-settings_6d3c276b_nicelydone.png","Room settings from Whereby",[404,409,411],{"id":405,"label":406,"slug":407,"rank":71,"group":408},102,"Settings","settings",{"id":243,"label":244,"slug":245},{"id":284,"label":285,"slug":286,"rank":73,"group":410},{"id":213,"label":250,"slug":251},{"id":312,"label":313,"slug":314,"rank":213,"group":412},{"id":180,"label":181,"slug":182},[414,415,416,417,418],{"id":388,"title":389,"slug":390},{"id":354,"title":355,"slug":356},{"id":292,"title":293,"slug":294},{"id":153,"title":154,"slug":155},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":420},[],{"family":422,"examples":423},"pages",[],[425,427,429,432,435,438,441,444,446,450,454,458],{"label":426,"to":29},"Whereby product screens",{"label":428,"to":32},"Whereby marketing pages",{"label":430,"to":431},"Whereby user flows","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fflows",{"label":433,"to":434},"Whereby UI components","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fcomponents",{"label":436,"to":437},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":439,"to":440},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":442,"to":443},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":445,"to":18},"All SaaS app examples",{"label":447,"to":448,"description":449},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":451,"to":452,"description":453},"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":455,"to":456,"description":457},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":459,"to":460,"description":461},"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":463,"updated_at":464},"2020-02-05T12:30:00.000Z","2026-09-13T13:02:39.000Z"]