[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcheckly\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":201,"links":202,"dates":236},"\u002Fexamples\u002Fapps\u002Fcheckly\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Checkly UI components examples - Nicelydone","Browse Checkly UI component design examples. Preview individual interface elements and explore related component categories. Detect and resolve issues 10x…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5dea8b11-0f85-495e-a575-d018c127f4d1.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Checkly UI component design examples. Preview individual interface elements and explore related component categories. Detect and resolve issues 10x faster",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Checkly","checkly","Detect and resolve issues 10x faster","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcheckly-rerku53l.png","https:\u002F\u002Fwww.checklyhq.com","checklyhq",[37,41],{"id":38,"title":39,"slug":40},16,"Monitoring","monitoring",{"id":42,"title":43,"slug":44},48,"Developer Tools","developer-tools",[46,61,74,87,97,110,123,136,149,162,175,188],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"ca5ba08c-449a-47d9-93c4-792cfbc9706c","Checkly UI component","A table displaying the status of various checks.",2716,1124,"UI component from Checkly","component",[55],{"id":56,"title":57,"slug":58},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"5e5660fc-7e9c-4466-851f-bc6563dee35b","A code snippet viewer with tabs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9a606994-8444-4843-a479-8ddb393c980b.png",2528,742,[68],{"id":69,"title":70,"slug":71},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"1a270e3e-0321-4833-91b7-ba9f88cf3f7a","A timing chart showing connection and request\u002Fresponse times.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F75252cc2-de71-4643-b8b3-34984d646474.png",2526,741,[81],{"id":82,"title":83,"slug":84},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":95},"985bc392-f7b9-434d-a524-45d8735f21f2","A network timing visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53cccb45-0b67-467f-a2bf-44772478cca1.png",2408,668,[94],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":48,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":52,"kind":53,"categories":103,"app":108},"ded413c3-093f-4c1e-88dd-d60955823d80","A modal displaying check run results and scheduled checks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b6162e3-983d-4e75-944b-427a61169935.png",812,792,[104],{"id":105,"title":106,"slug":107},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":48,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":52,"kind":53,"categories":116,"app":121},"5d898d2c-9ee2-48e4-aea6-39ebb949caae","A header with a user email, a team trial badge, and a browser check title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce24e213-cc5f-4cbd-9004-24f86d903a07.png",1153,290,[117],{"id":118,"title":119,"slug":120},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":48,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":52,"kind":53,"categories":129,"app":134},"fd6b6d6e-abfd-4637-84ae-3868ff3d2c36","A date range picker modal with predefined options and a calendar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32a0fbf7-8bf0-48e4-ba59-48a5191daf47.png",2052,1136,[130],{"id":131,"title":132,"slug":133},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":48,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":52,"kind":53,"categories":142,"app":147},"04fd884d-9698-434f-b190-06384b4ba105","A list of run results with location and time information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcc3cfb3b-359d-4d29-b1d0-125d1e460226.png",683,780,[143],{"id":144,"title":145,"slug":146},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":48,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":52,"kind":53,"categories":155,"app":160},"0b4adc51-7b51-45eb-98da-0beee10dfb73","A settings modal with expandable sections.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff18dbf3b-6b3d-4be2-b2cd-3a0a0390b986.png",2560,1392,[156],{"id":157,"title":158,"slug":159},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":48,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":52,"kind":53,"categories":168,"app":173},"3380502e-2de9-4297-8a84-c8f834c14be8","A list of public locations categorized by region.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c54414a-48c7-4dc4-bf5c-b10d6ed98409.png",2496,1618,[169],{"id":170,"title":171,"slug":172},195,"Input multi-select","input-multi-select",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":48,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":52,"kind":53,"categories":181,"app":186},"f29fb33d-5958-4132-8782-5d3d0c65a70c","A scheduling configuration interface with a slider.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F489cf940-1644-4e98-8dff-f2563334ab1a.png",2507,665,[182],{"id":183,"title":184,"slug":185},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":48,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":52,"kind":53,"categories":194,"app":199},"71ae8363-3fcb-404d-aa71-68a5d840678e","A modal for browser check settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff745d8c4-c67b-4eb4-b374-3441aeb3188d.png",1375,418,[195],{"id":196,"title":197,"slug":198},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":200},[],[],[203,206,209,212,215,218,220,224,228,232],{"label":204,"to":205},"Checkly product screens","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fscreens",{"label":207,"to":208},"Checkly marketing pages","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fmarketing",{"label":210,"to":211},"Checkly user flows","\u002Fexamples\u002Fapps\u002Fcheckly\u002Fflows",{"label":213,"to":214},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":216,"to":217},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":219,"to":18},"All SaaS app examples",{"label":221,"to":222,"description":223},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":225,"to":226,"description":227},"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":229,"to":230,"description":231},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":233,"to":234,"description":235},"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":237,"updated_at":238},"2024-09-28T17:48:05.000Z","2026-09-13T13:02:39.000Z"]