[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":374,"links":375,"dates":436},"\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Better Stack product screens examples - Nicelydone","Browse Better Stack screen design examples. Preview the interface screenshots and explore related UI patterns. Radically Better Observability Stack","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb72f893b-8f3f-4837-b67d-22daf2baae81.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},"Better Stack design examples","\u002Fexamples\u002Fapps\u002Fbetter-stack",{"label":23,"to":4},"Better Stack 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,"twitter_username":34,"categories":35},"Better Stack","better-stack","Radically Better Observability Stack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbetter-stack-49a6560c.png","https:\u002F\u002Fbetterstack.com","BetterStackHQ",[36,40,44],{"id":37,"title":38,"slug":39},16,"Monitoring","monitoring",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",[49,74,90,105,126,150,180,214,243,278,317,341],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":72},"b72f893b-8f3f-4837-b67d-22daf2baae81","Sign up | Better Uptime","Sign-up screen where the user creates an account by providing their work email, a target URL to monitor, and a phone number.",3024,1738,"Sign up | Better Uptime from Better Stack","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":53,"height":54,"image_alt":79,"kind":56,"patterns":80,"component_categories":86,"app":88},"33c2d9a1-7027-4c67-aa9a-29af1e2271d4","Sign in | Better Uptime","Sign-in screen where the user authenticates via a magic link sent to their work email, with secondary options to use a password or SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33c2d9a1-7027-4c67-aa9a-29af1e2271d4.png","Sign in | Better Uptime from Better Stack",[81],{"id":82,"label":83,"slug":84,"rank":62,"group":85},4,"Sign In","sign-in",{"id":64,"label":65,"slug":66},[87],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":76,"description":92,"canonical_path":4,"image":93,"width":53,"height":54,"image_alt":79,"kind":56,"patterns":94,"component_categories":97,"app":103},"3486d7c3-b3b2-4411-ae02-f3b8d6b7ff4a","Sign-in screen where the user authenticates with an email and password, a magic link, or single sign-on.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3486d7c3-b3b2-4411-ae02-f3b8d6b7ff4a.png",[95],{"id":82,"label":83,"slug":84,"rank":62,"group":96},{"id":64,"label":65,"slug":66},[98,102],{"id":99,"title":100,"slug":101},169,"Avatar","avatar",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":53,"height":54,"image_alt":110,"kind":56,"patterns":111,"component_categories":122,"app":124},"1d95277c-934d-4a53-8d64-963a30a3f284","Single sign-on | Better Uptime","Sign-in screen where the user authenticates via Single Sign-On using Google or Okta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d95277c-934d-4a53-8d64-963a30a3f284.png","Single sign-on | Better Uptime from Better Stack",[112,114],{"id":82,"label":83,"slug":84,"rank":62,"group":113},{"id":64,"label":65,"slug":66},{"id":115,"label":116,"slug":117,"rank":64,"group":118},103,"SSO","sso",{"id":119,"label":120,"slug":121},10,"Settings & Admin","settings-and-admin",[123],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":128,"description":129,"canonical_path":4,"image":130,"width":53,"height":54,"image_alt":131,"kind":56,"patterns":132,"component_categories":142,"app":148},"7dc23ea1-67cd-4603-bb8d-ea7abfbfd568","Check your inbox | Better Uptime","Verification screen prompting the user to check their inbox for a magic link, providing quick shortcuts to common email clients.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7dc23ea1-67cd-4603-bb8d-ea7abfbfd568.png","Check your inbox | Better Uptime from Better Stack",[133,138],{"id":134,"label":135,"slug":136,"rank":62,"group":137},6,"Verification","verification",{"id":64,"label":65,"slug":66},{"id":64,"label":139,"slug":140,"rank":64,"group":141},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[143,147],{"id":144,"title":145,"slug":146},277,"Button group","button-group",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":53,"height":155,"image_alt":156,"kind":56,"patterns":157,"component_categories":168,"app":178},"b86bfff3-505e-49cb-92a7-21bfb423f3bf","Lets get to know each other | Better Uptime","Onboarding step where the user provides their name, phone number, and organization, and chooses whether to receive a test alert.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb86bfff3-505e-49cb-92a7-21bfb423f3bf.png",1866,"Lets get to know each other | Better Uptime from Better Stack",[158,160],{"id":64,"label":139,"slug":140,"rank":62,"group":159},{"id":64,"label":65,"slug":66},{"id":161,"label":162,"slug":163,"rank":64,"group":164},75,"Setup Wizard","setup-wizard",{"id":165,"label":166,"slug":167},7,"Onboarding & Education","onboarding-and-education",[169,173,177],{"id":170,"title":171,"slug":172},240,"Horizontal navigation","horizontal-navigation",{"id":174,"title":175,"slug":176},227,"Stepper","stepper",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":152,"description":182,"canonical_path":4,"image":183,"width":53,"height":184,"image_alt":156,"kind":56,"patterns":185,"component_categories":205,"app":212},"9b0c9ac3-0f42-438f-8c6d-5aa613a17605","Onboarding step where the user provides their name and phone number to receive a test alert, currently blocked by a validation error on the phone number field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b0c9ac3-0f42-438f-8c6d-5aa613a17605.png",1848,[186,194,202],{"id":187,"label":188,"slug":189,"rank":62,"group":190},3,"Profile","profile",{"id":191,"label":192,"slug":193},11,"Social & Collaboration","social-and-collaboration",{"id":195,"label":196,"slug":197,"rank":64,"group":198},116,"Error","error",{"id":199,"label":200,"slug":201},12,"States & Feedback","states-and-feedback",{"id":161,"label":162,"slug":163,"rank":203,"group":204},2,{"id":165,"label":166,"slug":167},[206,210,211],{"id":207,"title":208,"slug":209},167,"Alert","alert",{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":216,"description":217,"canonical_path":4,"image":218,"width":53,"height":54,"image_alt":219,"kind":56,"patterns":220,"component_categories":237,"app":241},"998a4763-9a0e-4175-a6ec-3c20c53921ec","Invite colleagues | Better Uptime","Onboarding step where the user invites colleagues by email to configure their on-call schedule.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F998a4763-9a0e-4175-a6ec-3c20c53921ec.png","Invite colleagues | Better Uptime from Better Stack",[221,228,233,235],{"id":222,"label":223,"slug":224,"rank":62,"group":225},133,"Invite Teammates","invite-teammates",{"id":203,"label":226,"slug":227},"Actions","actions",{"id":229,"label":230,"slug":231,"rank":64,"group":232},104,"Team Management","team-management",{"id":119,"label":120,"slug":121},{"id":161,"label":162,"slug":163,"rank":203,"group":234},{"id":165,"label":166,"slug":167},{"id":64,"label":139,"slug":140,"rank":187,"group":236},{"id":64,"label":65,"slug":66},[238,239,240],{"id":170,"title":171,"slug":172},{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":245,"description":246,"canonical_path":4,"image":247,"width":53,"height":54,"image_alt":248,"kind":56,"patterns":249,"component_categories":273,"app":276},"3f196923-b746-4cec-9ff5-2978f4b9aa46","Activate | Better Uptime","Checkout screen where the user enters their credit card details to activate a paid plan, with options to switch to yearly billing or fall back to a free plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f196923-b746-4cec-9ff5-2978f4b9aa46.png","Activate | Better Uptime from Better Stack",[250,258,263,271],{"id":251,"label":252,"slug":253,"rank":62,"group":254},130,"Checkout","checkout",{"id":255,"label":256,"slug":257},14,"Payments & Checkout","payments-and-checkout",{"id":259,"label":260,"slug":261,"rank":64,"group":262},131,"Payment Form","payment-form",{"id":255,"label":256,"slug":257},{"id":264,"label":265,"slug":266,"rank":203,"group":267},89,"Pricing","pricing",{"id":268,"label":269,"slug":270},9,"Plans & Limits","plans-and-limits",{"id":64,"label":139,"slug":140,"rank":187,"group":272},{"id":64,"label":65,"slug":66},[274,275],{"id":174,"title":175,"slug":176},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":4,"image":282,"width":53,"height":283,"image_alt":284,"kind":56,"patterns":285,"component_categories":303,"app":315},"8f338fbe-7378-43a2-8972-e6d89b2896f4","nicelydone.club | Better Uptime","Detail page where the user views uptime metrics, response time charts, and historical availability for a specific monitor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f338fbe-7378-43a2-8972-e6d89b2896f4.png",2846,"nicelydone.club | Better Uptime from Better Stack",[286,293,298],{"id":287,"label":288,"slug":289,"rank":62,"group":290},41,"Dashboard","dashboard",{"id":82,"label":291,"slug":292},"Data & Analysis","data-and-analysis",{"id":294,"label":295,"slug":296,"rank":64,"group":297},40,"Charts","charts",{"id":82,"label":291,"slug":292},{"id":299,"label":300,"slug":301,"rank":203,"group":302},47,"Table","table",{"id":82,"label":291,"slug":292},[304,308,309,313,314],{"id":305,"title":306,"slug":307},177,"Breadcrumb","breadcrumb",{"id":144,"title":145,"slug":146},{"id":310,"title":311,"slug":312},260,"Badge","badge",{"id":99,"title":100,"slug":101},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":316},[],{"uuid":318,"title":319,"description":320,"canonical_path":4,"image":321,"width":53,"height":322,"image_alt":323,"kind":56,"patterns":324,"component_categories":334,"app":339},"9cee5ca7-59aa-4ae1-af97-dea77fe29e57","Whos on-call | Better Uptime","Empty state for the on-call feature where the user is prompted to configure their first schedule to notify the team during incidents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9cee5ca7-59aa-4ae1-af97-dea77fe29e57.png",2024,"Whos on-call | Better Uptime from Better Stack",[325,330,332],{"id":326,"label":327,"slug":328,"rank":62,"group":329},115,"Empty State","empty-state",{"id":199,"label":200,"slug":201},{"id":229,"label":230,"slug":231,"rank":64,"group":331},{"id":119,"label":120,"slug":121},{"id":161,"label":162,"slug":163,"rank":203,"group":333},{"id":165,"label":166,"slug":167},[335,336,337,338],{"id":170,"title":171,"slug":172},{"id":310,"title":311,"slug":312},{"id":99,"title":100,"slug":101},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":340},[],{"uuid":342,"title":343,"description":344,"canonical_path":4,"image":345,"width":53,"height":346,"image_alt":347,"kind":56,"patterns":348,"component_categories":363,"app":372},"9ee0ea8a-e41b-47a8-8dbd-63dfccd944cf","On-call calendar | Better Uptime","Settings page where the user configures their on-call rotation by choosing between a native browser schedule or connecting an existing Google, Outlook, or other calendar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ee0ea8a-e41b-47a8-8dbd-63dfccd944cf.png",1822,"On-call calendar | Better Uptime from Better Stack",[349,354,361],{"id":350,"label":351,"slug":352,"rank":62,"group":353},97,"Integrations","integrations",{"id":119,"label":120,"slug":121},{"id":355,"label":356,"slug":357,"rank":64,"group":358},51,"Calendar","calendar",{"id":59,"label":359,"slug":360},"Media & Tools","media-and-tools",{"id":229,"label":230,"slug":231,"rank":203,"group":362},{"id":119,"label":120,"slug":121},[364,368,369,370,371],{"id":365,"title":366,"slug":367},174,"Card","card",{"id":305,"title":306,"slug":307},{"id":310,"title":311,"slug":312},{"id":99,"title":100,"slug":101},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":373},[],[],[376,378,380,382,384,386,388,390,392,394,396,398,400,403,406,409,412,415,418,420,424,428,432],{"label":139,"to":377},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":162,"to":379},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":83,"to":381},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":230,"to":383},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":356,"to":385},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":295,"to":387},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":252,"to":389},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":288,"to":391},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":327,"to":393},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":196,"to":395},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":351,"to":397},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":223,"to":399},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":401,"to":402},"Better Stack marketing pages","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fmarketing",{"label":404,"to":405},"Better Stack user flows","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fflows",{"label":407,"to":408},"Better Stack UI components","\u002Fexamples\u002Fapps\u002Fbetter-stack\u002Fcomponents",{"label":410,"to":411},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":413,"to":414},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":416,"to":417},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":419,"to":18},"All SaaS app examples",{"label":421,"to":422,"description":423},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":425,"to":426,"description":427},"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":429,"to":430,"description":431},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":433,"to":434,"description":435},"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":437,"updated_at":438},"2022-11-07T06:14:53.000Z","2026-09-13T13:02:39.000Z"]