[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwhereby\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":411,"links":412,"dates":473},"\u002Fexamples\u002Fapps\u002Fwhereby\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Whereby product screens examples - Nicelydone","Browse Whereby screen design examples. Preview the interface screenshots and explore related UI patterns. Freedom to work from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwhereby_sign-in_1e003665_nicelydone.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},"Whereby design examples","\u002Fexamples\u002Fapps\u002Fwhereby",{"label":23,"to":4},"Whereby 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},"Whereby","whereby","Freedom to work from anywhere","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwhereby-4f932483.png","http:\u002F\u002Fwhereby.com",[35,39,43],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},82,"Communication","communication",[48,77,95,113,149,180,212,258,290,314,353,387],{"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},"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",[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},240,"Horizontal navigation","horizontal-navigation",{"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":82,"image_alt":83,"kind":55,"patterns":84,"component_categories":90,"app":93},"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",[85],{"id":86,"label":87,"slug":88,"rank":61,"group":89},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[91,92],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":52,"height":100,"image_alt":101,"kind":55,"patterns":102,"component_categories":108,"app":111},"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",[103],{"id":104,"label":105,"slug":106,"rank":61,"group":107},6,"Verification","verification",{"id":63,"label":64,"slug":65},[109,110],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":52,"height":118,"image_alt":119,"kind":55,"patterns":120,"component_categories":129,"app":147},"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",[121],{"id":122,"label":123,"slug":124,"rank":61,"group":125},89,"Pricing","pricing",{"id":126,"label":127,"slug":128},9,"Plans & Limits","plans-and-limits",[130,134,138,142,146],{"id":131,"title":132,"slug":133},258,"Header","header",{"id":135,"title":136,"slug":137},202,"Footer","footer",{"id":139,"title":140,"slug":141},174,"Card","card",{"id":143,"title":144,"slug":145},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":52,"height":154,"image_alt":155,"kind":55,"patterns":156,"component_categories":173,"app":178},"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",[157,165],{"id":158,"label":159,"slug":160,"rank":61,"group":161},77,"Welcome","welcome",{"id":162,"label":163,"slug":164},7,"Onboarding & Education","onboarding-and-education",{"id":166,"label":167,"slug":168,"rank":63,"group":169},115,"Empty State","empty-state",{"id":170,"label":171,"slug":172},12,"States & Feedback","states-and-feedback",[174,175,176,177],{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":52,"height":185,"image_alt":186,"kind":55,"patterns":187,"component_categories":205,"app":210},"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",[188,195,202],{"id":189,"label":190,"slug":191,"rank":61,"group":192},41,"Dashboard","dashboard",{"id":58,"label":193,"slug":194},"Data & Analysis","data-and-analysis",{"id":196,"label":182,"slug":197,"rank":63,"group":198},81,"home",{"id":199,"label":200,"slug":201},8,"Pages & Content","pages-and-content",{"id":158,"label":159,"slug":160,"rank":203,"group":204},2,{"id":162,"label":163,"slug":164},[206,207,208,209],{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":52,"height":217,"image_alt":218,"kind":55,"patterns":219,"component_categories":251,"app":256},"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",[220,228,236,242,247],{"id":221,"label":222,"slug":223,"rank":61,"group":224},3,"Profile","profile",{"id":225,"label":226,"slug":227},11,"Social & Collaboration","social-and-collaboration",{"id":229,"label":230,"slug":231,"rank":63,"group":232},94,"Account Settings","account-settings",{"id":233,"label":234,"slug":235},10,"Settings & Admin","settings-and-admin",{"id":225,"label":237,"slug":238,"rank":203,"group":239},"Edit","edit",{"id":203,"label":240,"slug":241},"Actions","actions",{"id":243,"label":244,"slug":245,"rank":221,"group":246},25,"Upload & Download","upload-and-download",{"id":203,"label":240,"slug":241},{"id":126,"label":248,"slug":249,"rank":58,"group":250},"Delete","delete",{"id":203,"label":240,"slug":241},[252,253,254,255],{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":260,"description":261,"canonical_path":4,"image":262,"width":52,"height":263,"image_alt":264,"kind":55,"patterns":265,"component_categories":280,"app":288},"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",[266,273,278],{"id":267,"label":268,"slug":269,"rank":61,"group":270},61,"Video Player","video-player",{"id":86,"label":271,"slug":272},"Media & Tools","media-and-tools",{"id":274,"label":275,"slug":276,"rank":63,"group":277},24,"Share","share",{"id":203,"label":240,"slug":241},{"id":166,"label":167,"slug":168,"rank":203,"group":279},{"id":170,"label":171,"slug":172},[281,285,286,287],{"id":282,"title":283,"slug":284},260,"Badge","badge",{"id":139,"title":140,"slug":141},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":292,"description":293,"canonical_path":4,"image":294,"width":52,"height":263,"image_alt":295,"kind":55,"patterns":296,"component_categories":306,"app":312},"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",[297,299,301],{"id":267,"label":268,"slug":269,"rank":61,"group":298},{"id":86,"label":271,"slug":272},{"id":274,"label":275,"slug":276,"rank":63,"group":300},{"id":203,"label":240,"slug":241},{"id":302,"label":303,"slug":304,"rank":203,"group":305},114,"Confirmation","confirmation",{"id":170,"label":171,"slug":172},[307,308,309,310,311],{"id":282,"title":283,"slug":284},{"id":139,"title":140,"slug":141},{"id":68,"title":69,"slug":70},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":313},[],{"uuid":315,"title":316,"description":317,"canonical_path":4,"image":318,"width":52,"height":263,"image_alt":319,"kind":55,"patterns":320,"component_categories":342,"app":351},"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",[321,328,333,338],{"id":322,"label":323,"slug":324,"rank":61,"group":325},35,"Chatbot","chatbot",{"id":221,"label":326,"slug":327},"AI","ai",{"id":329,"label":330,"slug":331,"rank":63,"group":332},52,"Call","call",{"id":86,"label":271,"slug":272},{"id":334,"label":335,"slug":336,"rank":203,"group":337},109,"Messages","messages",{"id":225,"label":226,"slug":227},{"id":44,"label":339,"slug":340,"rank":221,"group":341},"Media Detail","media-detail",{"id":199,"label":200,"slug":201},[343,347,348,349,350],{"id":344,"title":345,"slug":346},233,"Tabs","tabs",{"id":282,"title":283,"slug":284},{"id":139,"title":140,"slug":141},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":352},[],{"uuid":354,"title":355,"description":356,"canonical_path":4,"image":357,"width":52,"height":263,"image_alt":358,"kind":55,"patterns":359,"component_categories":372,"app":385},"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",[360,365,370],{"id":361,"label":362,"slug":363,"rank":61,"group":364},88,"Feature Gate","feature-gate",{"id":126,"label":127,"slug":128},{"id":366,"label":367,"slug":368,"rank":63,"group":369},92,"Upgrade Prompt","upgrade-prompt",{"id":126,"label":127,"slug":128},{"id":302,"label":303,"slug":304,"rank":203,"group":371},{"id":170,"label":171,"slug":172},[373,377,381,382,383,384],{"id":374,"title":375,"slug":376},277,"Button group","button-group",{"id":378,"title":379,"slug":380},284,"Modal","modal",{"id":282,"title":283,"slug":284},{"id":68,"title":69,"slug":70},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":386},[],{"uuid":388,"title":389,"description":390,"canonical_path":4,"image":391,"width":52,"height":263,"image_alt":392,"kind":55,"patterns":393,"component_categories":403,"app":409},"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",[394,399,401],{"id":395,"label":396,"slug":397,"rank":61,"group":398},102,"Settings","settings",{"id":233,"label":234,"slug":235},{"id":274,"label":275,"slug":276,"rank":63,"group":400},{"id":203,"label":240,"slug":241},{"id":302,"label":303,"slug":304,"rank":203,"group":402},{"id":170,"label":171,"slug":172},[404,405,406,407,408],{"id":378,"title":379,"slug":380},{"id":344,"title":345,"slug":346},{"id":282,"title":283,"slug":284},{"id":143,"title":144,"slug":145},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":410},[],[],[413,415,417,419,421,423,425,427,429,431,433,435,437,440,443,446,449,452,455,457,461,465,469],{"label":303,"to":414},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":275,"to":416},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":167,"to":418},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":268,"to":420},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":159,"to":422},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":230,"to":424},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":330,"to":426},"\u002Fexamples\u002Fscreens\u002Fcall",{"label":323,"to":428},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":190,"to":430},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":248,"to":432},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":237,"to":434},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":362,"to":436},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":438,"to":439},"Whereby marketing pages","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fmarketing",{"label":441,"to":442},"Whereby user flows","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fflows",{"label":444,"to":445},"Whereby UI components","\u002Fexamples\u002Fapps\u002Fwhereby\u002Fcomponents",{"label":447,"to":448},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":450,"to":451},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":453,"to":454},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":456,"to":18},"All SaaS app examples",{"label":458,"to":459,"description":460},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":462,"to":463,"description":464},"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":466,"to":467,"description":468},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":470,"to":471,"description":472},"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":474,"updated_at":475},"2020-02-05T12:30:00.000Z","2026-09-13T13:02:39.000Z"]