[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcheckly\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":335,"links":336,"dates":394},"\u002Fexamples\u002Fapps\u002Fcheckly\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Checkly product screens examples - Nicelydone","Browse Checkly screen design examples. Preview the interface screenshots and explore related UI patterns. Detect and resolve issues 10x faster","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb9f3334-fa6e-4ee4-bbfe-094f71d634e4.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},"Checkly design examples","\u002Fexamples\u002Fapps\u002Fcheckly",{"label":23,"to":4},"Checkly 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},"Checkly","checkly","Detect and resolve issues 10x faster","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcheckly-rerku53l.png","https:\u002F\u002Fwww.checklyhq.com","checklyhq",[36,40],{"id":37,"title":38,"slug":39},16,"Monitoring","monitoring",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",[45,83,104,117,134,154,176,199,225,270,290,304],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":72,"app":81},"bb9f3334-fa6e-4ee4-bbfe-094f71d634e4","Getting Started - Survey","Onboarding step where the user provides their current role and their primary goal for using the product before continuing.",3024,1778,"Getting Started - Survey from Checkly","screen",[54,63],{"id":55,"label":56,"slug":57,"rank":58,"group":59},42,"Form","form",0,{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",{"id":64,"label":65,"slug":66,"rank":67,"group":68},72,"Getting Started","getting-started",1,{"id":69,"label":70,"slug":71},7,"Onboarding & Education","onboarding-and-education",[73,77],{"id":74,"title":75,"slug":76},227,"Stepper","stepper",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":47,"description":85,"canonical_path":4,"image":86,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":87,"component_categories":99,"app":102},"430e3c62-c20f-4b80-876e-c714a17863ab","Onboarding step where the user selects their current role from a dropdown and describes their intent for the session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F430e3c62-c20f-4b80-876e-c714a17863ab.png",[88,93],{"id":89,"label":90,"slug":91,"rank":58,"group":92},75,"Setup Wizard","setup-wizard",{"id":69,"label":70,"slug":71},{"id":67,"label":94,"slug":95,"rank":67,"group":96},"Account Setup","account-setup",{"id":67,"label":97,"slug":98},"Access & Account","access-and-account",[100,101],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":47,"description":106,"canonical_path":4,"image":107,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":108,"component_categories":113,"app":115},"550a4e8f-4a94-43f2-8d73-47940c19b908","Onboarding step where the user selects their current role and briefly describes their intent for using the product before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F550a4e8f-4a94-43f2-8d73-47940c19b908.png",[109,111],{"id":64,"label":65,"slug":66,"rank":58,"group":110},{"id":69,"label":70,"slug":71},{"id":55,"label":56,"slug":57,"rank":67,"group":112},{"id":60,"label":61,"slug":62},[114],{"id":74,"title":75,"slug":76},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":47,"description":119,"canonical_path":4,"image":120,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":121,"component_categories":129,"app":132},"3f344383-6b01-4813-9ec0-f130583dd6e1","Onboarding step where the user specifies their current role and primary goal for using the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f344383-6b01-4813-9ec0-f130583dd6e1.png",[122,124,126],{"id":64,"label":65,"slug":66,"rank":58,"group":123},{"id":69,"label":70,"slug":71},{"id":89,"label":90,"slug":91,"rank":67,"group":125},{"id":69,"label":70,"slug":71},{"id":55,"label":56,"slug":57,"rank":127,"group":128},2,{"id":60,"label":61,"slug":62},[130,131],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":49,"height":50,"image_alt":139,"kind":52,"patterns":140,"component_categories":145,"app":152},"248914a6-b526-4ca4-937d-1ea165a5bee2","Getting Started - Check Browser","Onboarding step where the user enters a URL to run an initial Playwright test script against their website.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F248914a6-b526-4ca4-937d-1ea165a5bee2.png","Getting Started - Check Browser from Checkly",[141,143],{"id":89,"label":90,"slug":91,"rank":58,"group":142},{"id":69,"label":70,"slug":71},{"id":64,"label":65,"slug":66,"rank":67,"group":144},{"id":69,"label":70,"slug":71},[146,150,151],{"id":147,"title":148,"slug":149},260,"Badge","badge",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":136,"description":156,"canonical_path":4,"image":157,"width":49,"height":50,"image_alt":139,"kind":52,"patterns":158,"component_categories":171,"app":174},"5df02043-c6d7-492e-b57a-40c582826be9","Onboarding step where the user enters a URL to run a Playwright test script and waits for the execution to finish.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5df02043-c6d7-492e-b57a-40c582826be9.png",[159,161,169],{"id":64,"label":65,"slug":66,"rank":58,"group":160},{"id":69,"label":70,"slug":71},{"id":162,"label":163,"slug":164,"rank":67,"group":165},120,"Loading","loading",{"id":166,"label":167,"slug":168},12,"States & Feedback","states-and-feedback",{"id":89,"label":90,"slug":91,"rank":127,"group":170},{"id":69,"label":70,"slug":71},[172,173],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":136,"description":178,"canonical_path":4,"image":179,"width":49,"height":50,"image_alt":139,"kind":52,"patterns":180,"component_categories":190,"app":197},"736c8b9e-78de-434b-aeb1-776eba47bfd1","Onboarding step where the user enters a URL to run an initial Playwright test and reviews the resulting web vitals before saving.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F736c8b9e-78de-434b-aeb1-776eba47bfd1.png",[181,183,185],{"id":64,"label":65,"slug":66,"rank":58,"group":182},{"id":69,"label":70,"slug":71},{"id":89,"label":90,"slug":91,"rank":67,"group":184},{"id":69,"label":70,"slug":71},{"id":186,"label":187,"slug":188,"rank":127,"group":189},44,"Progress","progress",{"id":60,"label":61,"slug":62},[191,195,196],{"id":192,"title":193,"slug":194},174,"Card","card",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":136,"description":201,"canonical_path":4,"image":202,"width":49,"height":50,"image_alt":139,"kind":52,"patterns":203,"component_categories":219,"app":223},"e924a60d-c48d-4172-bdec-758d7a3ed50e","Onboarding step where the user runs a Playwright test on a URL and reviews the resulting web vitals report before saving.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe924a60d-c48d-4172-bdec-758d7a3ed50e.png",[204,206,208,213],{"id":64,"label":65,"slug":66,"rank":58,"group":205},{"id":69,"label":70,"slug":71},{"id":89,"label":90,"slug":91,"rank":67,"group":207},{"id":69,"label":70,"slug":71},{"id":209,"label":210,"slug":211,"rank":127,"group":212},46,"Stats","stats",{"id":60,"label":61,"slug":62},{"id":214,"label":215,"slug":216,"rank":217,"group":218},122,"Success","success",3,{"id":166,"label":167,"slug":168},[220,221,222],{"id":147,"title":148,"slug":149},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":4,"image":229,"width":49,"height":50,"image_alt":230,"kind":52,"patterns":231,"component_categories":253,"app":268},"c35dd8ff-c9ab-451a-89b6-62d5e54e4739","Dashboard","List view where the user monitors the status of their checks with passing, degraded, and failing KPI tiles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc35dd8ff-c9ab-451a-89b6-62d5e54e4739.png","Dashboard from Checkly",[232,236,241,248],{"id":233,"label":227,"slug":234,"rank":58,"group":235},41,"dashboard",{"id":60,"label":61,"slug":62},{"id":237,"label":238,"slug":239,"rank":67,"group":240},47,"Table","table",{"id":60,"label":61,"slug":62},{"id":242,"label":243,"slug":244,"rank":127,"group":245},13,"Filter & Sort","filter-and-sort",{"id":127,"label":246,"slug":247},"Actions","actions",{"id":249,"label":250,"slug":251,"rank":217,"group":252},22,"Search","search",{"id":127,"label":246,"slug":247},[254,258,262,266,267],{"id":255,"title":256,"slug":257},240,"Horizontal navigation","horizontal-navigation",{"id":259,"title":260,"slug":261},169,"Avatar","avatar",{"id":263,"title":264,"slug":265},211,"Pagination","pagination",{"id":147,"title":148,"slug":149},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":4,"image":274,"width":49,"height":50,"image_alt":275,"kind":52,"patterns":276,"component_categories":281,"app":288},"86f23337-38e0-4fd8-ad1e-e2b50510df49","Sign In with Auth0","Sign-in screen where the user authenticates with GitHub, Google, or email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86f23337-38e0-4fd8-ad1e-e2b50510df49.png","Sign In with Auth0 from Checkly",[277],{"id":60,"label":278,"slug":279,"rank":58,"group":280},"Sign In","sign-in",{"id":67,"label":97,"slug":98},[282,286,287],{"id":283,"title":284,"slug":285},233,"Tabs","tabs",{"id":192,"title":193,"slug":194},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":272,"description":273,"canonical_path":4,"image":292,"width":49,"height":50,"image_alt":275,"kind":52,"patterns":293,"component_categories":298,"app":302},"25edf316-f037-4ac4-90cf-92a9fc810d73","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25edf316-f037-4ac4-90cf-92a9fc810d73.png",[294],{"id":127,"label":295,"slug":296,"rank":58,"group":297},"Forgot Password","forgot-password",{"id":67,"label":97,"slug":98},[299,300,301],{"id":283,"title":284,"slug":285},{"id":192,"title":193,"slug":194},{"id":78,"title":79,"slug":80},{"slug":30,"title":29,"logo":32,"categories":303},[],{"uuid":305,"title":227,"description":306,"canonical_path":4,"image":307,"width":49,"height":50,"image_alt":230,"kind":52,"patterns":308,"component_categories":328,"app":333},"6c44255c-e829-42ba-b499-11b6bb7f5dd3","List view showing active monitors with a trial status banner, status summary tiles, and a data table of check results.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c44255c-e829-42ba-b499-11b6bb7f5dd3.png",[309,311,319,321,323],{"id":233,"label":227,"slug":234,"rank":58,"group":310},{"id":60,"label":61,"slug":62},{"id":312,"label":313,"slug":314,"rank":67,"group":315},91,"Trial","trial",{"id":316,"label":317,"slug":318},9,"Plans & Limits","plans-and-limits",{"id":237,"label":238,"slug":239,"rank":127,"group":320},{"id":60,"label":61,"slug":62},{"id":242,"label":243,"slug":244,"rank":217,"group":322},{"id":127,"label":246,"slug":247},{"id":324,"label":325,"slug":326,"rank":60,"group":327},49,"Usage","usage",{"id":60,"label":61,"slug":62},[329,330,331,332],{"id":255,"title":256,"slug":257},{"id":259,"title":260,"slug":261},{"id":263,"title":264,"slug":265},{"id":147,"title":148,"slug":149},{"slug":30,"title":29,"logo":32,"categories":334},[],[],[337,339,341,343,345,347,349,351,353,355,357,359,361,364,367,370,373,376,378,382,386,390],{"label":65,"to":338},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":90,"to":340},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":56,"to":342},"\u002Fexamples\u002Fscreens\u002Fform",{"label":227,"to":344},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":243,"to":346},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":238,"to":348},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":94,"to":350},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":295,"to":352},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":163,"to":354},"\u002Fexamples\u002Fscreens\u002Floading",{"label":187,"to":356},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":250,"to":358},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":278,"to":360},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":362,"to":363},"Checkly marketing pages","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fmarketing",{"label":365,"to":366},"Checkly user flows","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fflows",{"label":368,"to":369},"Checkly UI components","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fcomponents",{"label":371,"to":372},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":374,"to":375},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":377,"to":18},"All SaaS app examples",{"label":379,"to":380,"description":381},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":383,"to":384,"description":385},"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":387,"to":388,"description":389},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":391,"to":392,"description":393},"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":395,"updated_at":396},"2024-09-28T16:41:28.000Z","2026-09-13T13:02:39.000Z"]