[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmeter\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":375,"links":376,"dates":437},"\u002Fexamples\u002Fapps\u002Fmeter\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Meter product screens examples - Nicelydone","Browse Meter screen design examples. Preview the interface screenshots and explore related UI patterns. The modern way to get business internet & WiFi","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e407ccc-14a9-4d4c-8777-f9c58cd120bc.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},"Meter design examples","\u002Fexamples\u002Fapps\u002Fmeter",{"label":23,"to":4},"Meter 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":30,"categories":34},"Meter","meter","The modern way to get business internet & WiFi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmeter-36cfb21c.png","https:\u002F\u002Fwww.meter.com",[35,39,43],{"id":36,"title":37,"slug":38},16,"Monitoring","monitoring",{"id":40,"title":41,"slug":42},78,"Security","security",{"id":44,"title":45,"slug":46},107,"Network Management","network-management",[48,86,123,136,159,171,200,249,282,302,325,350],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":75,"app":84},"4e407ccc-14a9-4d4c-8777-f9c58cd120bc","Meter Connect","Landing page where the user enters their business address to start the process of getting free quotes, accompanied by a list of service benefits.",3072,1716,"Meter Connect from Meter","screen",[57,66],{"id":58,"label":59,"slug":60,"rank":61,"group":62},79,"Browse","browse",0,{"id":63,"label":64,"slug":65},8,"Pages & Content","pages-and-content",{"id":67,"label":68,"slug":69,"rank":70,"group":71},130,"Checkout","checkout",1,{"id":72,"label":73,"slug":74},14,"Payments & Checkout","payments-and-checkout",[76,80],{"id":77,"title":78,"slug":79},202,"Footer","footer",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":50,"description":88,"canonical_path":4,"image":89,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":90,"component_categories":115,"app":121},"239de623-4d17-4972-a861-f6130bf6d408","Onboarding step where the user confirms their address and selects whether they are moving to a new space or negotiating an existing contract to find ISP deals.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F239de623-4d17-4972-a861-f6130bf6d408.png",[91,99,107],{"id":92,"label":93,"slug":94,"rank":61,"group":95},23,"Select","select",{"id":96,"label":97,"slug":98},2,"Actions","actions",{"id":100,"label":101,"slug":102,"rank":70,"group":103},72,"Getting Started","getting-started",{"id":104,"label":105,"slug":106},7,"Onboarding & Education","onboarding-and-education",{"id":108,"label":109,"slug":110,"rank":96,"group":111},119,"Info","info",{"id":112,"label":113,"slug":114},12,"States & Feedback","states-and-feedback",[116,120],{"id":117,"title":118,"slug":119},240,"Horizontal navigation","horizontal-navigation",{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":50,"description":125,"canonical_path":4,"image":126,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":127,"component_categories":132,"app":134},"06916623-df7c-4ee0-8155-95cb66b83db5","Onboarding step where the user confirms their address and selects whether they are moving to a new space or negotiating an existing contract, alongside a list of service benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06916623-df7c-4ee0-8155-95cb66b83db5.png",[128,130],{"id":92,"label":93,"slug":94,"rank":61,"group":129},{"id":96,"label":97,"slug":98},{"id":108,"label":109,"slug":110,"rank":70,"group":131},{"id":112,"label":113,"slug":114},[133],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":50,"description":138,"canonical_path":4,"image":139,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":140,"component_categories":151,"app":157},"cb2fdb1c-9256-46b5-be36-980104c22035","Landing page where the user enters their preferred install date, email, name, and company to generate quotes, alongside a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb2fdb1c-9256-46b5-be36-980104c22035.png",[141,149],{"id":142,"label":143,"slug":144,"rank":61,"group":145},42,"Form","form",{"id":146,"label":147,"slug":148},4,"Data & Analysis","data-and-analysis",{"id":67,"label":68,"slug":69,"rank":70,"group":150},{"id":72,"label":73,"slug":74},[152,156],{"id":153,"title":154,"slug":155},232,"Testimonial","testimonial",{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":50,"description":161,"canonical_path":4,"image":162,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":163,"component_categories":166,"app":169},"f8a09240-7dbb-4427-bc89-a077c1510ab7","Landing page where a prospective customer enters their contact details and preferred install date to generate a quote, accompanied by a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8a09240-7dbb-4427-bc89-a077c1510ab7.png",[164],{"id":67,"label":68,"slug":69,"rank":61,"group":165},{"id":72,"label":73,"slug":74},[167,168],{"id":153,"title":154,"slug":155},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":50,"description":173,"canonical_path":4,"image":174,"width":52,"height":175,"image_alt":54,"kind":55,"patterns":176,"component_categories":187,"app":198},"fb7ccdc5-496b-4ba0-8726-8ccb20c86e0a","Loading screen where the user waits for quote results while viewing a carousel of tips and partner logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb7ccdc5-496b-4ba0-8726-8ccb20c86e0a.png",1940,[177,182],{"id":178,"label":179,"slug":180,"rank":61,"group":181},120,"Loading","loading",{"id":112,"label":113,"slug":114},{"id":183,"label":184,"slug":185,"rank":70,"group":186},44,"Progress","progress",{"id":146,"label":147,"slug":148},[188,192,196,197],{"id":189,"title":190,"slug":191},211,"Pagination","pagination",{"id":193,"title":194,"slug":195},174,"Card","card",{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":50,"description":202,"canonical_path":4,"image":203,"width":52,"height":204,"image_alt":54,"kind":55,"patterns":205,"component_categories":227,"app":247},"2d932484-148a-46e9-83df-c230e8adbd2d","List view where the user compares internet provider quotes with filters for bandwidth, price, and provider.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d932484-148a-46e9-83df-c230e8adbd2d.png",3480,[206,211,216,221],{"id":207,"label":208,"slug":209,"rank":61,"group":210},13,"Filter & Sort","filter-and-sort",{"id":96,"label":97,"slug":98},{"id":212,"label":213,"slug":214,"rank":70,"group":215},84,"Search Results","search-results",{"id":63,"label":64,"slug":65},{"id":217,"label":218,"slug":219,"rank":96,"group":220},47,"Table","table",{"id":146,"label":147,"slug":148},{"id":222,"label":223,"slug":224,"rank":225,"group":226},49,"Usage","usage",3,{"id":146,"label":147,"slug":148},[228,232,236,240,244,245,246],{"id":229,"title":230,"slug":231},223,"Slider","slider",{"id":233,"title":234,"slug":235},257,"Input number","input-number",{"id":237,"title":238,"slug":239},168,"Accordion","accordion",{"id":241,"title":242,"slug":243},260,"Badge","badge",{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":50,"description":251,"canonical_path":4,"image":252,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":253,"component_categories":271,"app":280},"9a80e0bc-148c-44c4-9b6d-d9f54c2247ab","Wizard step where the user reviews their selected primary internet connection from Lumen and can proceed to set up contract details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9a80e0bc-148c-44c4-9b6d-d9f54c2247ab.png",[254,256,261,269],{"id":67,"label":68,"slug":69,"rank":61,"group":255},{"id":72,"label":73,"slug":74},{"id":257,"label":258,"slug":259,"rank":70,"group":260},114,"Confirmation","confirmation",{"id":112,"label":113,"slug":114},{"id":262,"label":263,"slug":264,"rank":96,"group":265},62,"Breadcrumbs","breadcrumbs",{"id":266,"label":267,"slug":268},6,"Navigation & Commands","navigation-and-commands",{"id":217,"label":218,"slug":219,"rank":225,"group":270},{"id":146,"label":147,"slug":148},[272,276,277,278,279],{"id":273,"title":274,"slug":275},177,"Breadcrumb","breadcrumb",{"id":241,"title":242,"slug":243},{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":50,"description":284,"canonical_path":4,"image":285,"width":52,"height":286,"image_alt":54,"kind":55,"patterns":287,"component_categories":294,"app":300},"120541df-a976-42d6-92b9-a51a8772d9be","Checkout step where the user provides contact details to submit an order request for a selected internet connection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F120541df-a976-42d6-92b9-a51a8772d9be.png",2238,[288,290,292],{"id":67,"label":68,"slug":69,"rank":61,"group":289},{"id":72,"label":73,"slug":74},{"id":262,"label":263,"slug":264,"rank":70,"group":291},{"id":266,"label":267,"slug":268},{"id":108,"label":109,"slug":110,"rank":96,"group":293},{"id":112,"label":113,"slug":114},[295,296,297,298,299],{"id":273,"title":274,"slug":275},{"id":241,"title":242,"slug":243},{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":301},[],{"uuid":303,"title":50,"description":304,"canonical_path":4,"image":305,"width":52,"height":306,"image_alt":54,"kind":55,"patterns":307,"component_categories":317,"app":323},"e4944a7e-7002-41a9-85ee-72ac56fab9a7","Checkout step where the user provides their contact information to submit a quote request for a Lumen connection, with form validation errors showing on the required fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4944a7e-7002-41a9-85ee-72ac56fab9a7.png",2334,[308,310,315],{"id":67,"label":68,"slug":69,"rank":61,"group":309},{"id":72,"label":73,"slug":74},{"id":311,"label":312,"slug":313,"rank":70,"group":314},116,"Error","error",{"id":112,"label":113,"slug":114},{"id":262,"label":263,"slug":264,"rank":96,"group":316},{"id":266,"label":267,"slug":268},[318,319,320,321,322],{"id":273,"title":274,"slug":275},{"id":241,"title":242,"slug":243},{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":324},[],{"uuid":326,"title":50,"description":327,"canonical_path":4,"image":328,"width":52,"height":329,"image_alt":54,"kind":55,"patterns":330,"component_categories":341,"app":348},"edb6e1c6-0655-454c-92b9-5c6ecb11a571","List view where the user filters and compares internet service provider quotes by bandwidth, price, and provider, with an option to select and confirm quotes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedb6e1c6-0655-454c-92b9-5c6ecb11a571.png",3632,[331,333,335,337,339],{"id":207,"label":208,"slug":209,"rank":61,"group":332},{"id":96,"label":97,"slug":98},{"id":92,"label":93,"slug":94,"rank":70,"group":334},{"id":96,"label":97,"slug":98},{"id":67,"label":68,"slug":69,"rank":96,"group":336},{"id":72,"label":73,"slug":74},{"id":217,"label":218,"slug":219,"rank":225,"group":338},{"id":146,"label":147,"slug":148},{"id":222,"label":223,"slug":224,"rank":146,"group":340},{"id":146,"label":147,"slug":148},[342,343,344,345,346,347],{"id":229,"title":230,"slug":231},{"id":233,"title":234,"slug":235},{"id":237,"title":238,"slug":239},{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":349},[],{"uuid":351,"title":50,"description":352,"canonical_path":4,"image":353,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":354,"component_categories":367,"app":373},"32a20d66-e08c-4b88-9f5f-889a325d8d97","Wizard step where the user reviews their selected primary and secondary internet connections and pricing before setting up contract details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32a20d66-e08c-4b88-9f5f-889a325d8d97.png",[355,357,365],{"id":67,"label":68,"slug":69,"rank":61,"group":356},{"id":72,"label":73,"slug":74},{"id":358,"label":359,"slug":360,"rank":70,"group":361},89,"Pricing","pricing",{"id":362,"label":363,"slug":364},9,"Plans & Limits","plans-and-limits",{"id":257,"label":258,"slug":259,"rank":96,"group":366},{"id":112,"label":113,"slug":114},[368,369,370,371,372],{"id":273,"title":274,"slug":275},{"id":241,"title":242,"slug":243},{"id":193,"title":194,"slug":195},{"id":117,"title":118,"slug":119},{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":374},[],[],[377,379,381,383,385,387,389,391,393,395,397,399,401,404,407,410,413,416,419,421,425,429,433],{"label":68,"to":378},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":263,"to":380},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":109,"to":382},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":93,"to":384},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":218,"to":386},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":258,"to":388},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":208,"to":390},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":223,"to":392},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":59,"to":394},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":312,"to":396},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":143,"to":398},"\u002Fexamples\u002Fscreens\u002Fform",{"label":101,"to":400},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":402,"to":403},"Meter marketing pages","\u002Fexamples\u002Fapps\u002Fmeter\u002Fmarketing",{"label":405,"to":406},"Meter user flows","\u002Fexamples\u002Fapps\u002Fmeter\u002Fflows",{"label":408,"to":409},"Meter UI components","\u002Fexamples\u002Fapps\u002Fmeter\u002Fcomponents",{"label":411,"to":412},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":414,"to":415},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":417,"to":418},"Network Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fnetwork-management",{"label":420,"to":18},"All SaaS app examples",{"label":422,"to":423,"description":424},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":426,"to":427,"description":428},"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":430,"to":431,"description":432},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":434,"to":435,"description":436},"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":438,"updated_at":439},"2022-04-18T09:07:26.000Z","2026-09-13T13:44:12.000Z"]