[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fservicebell\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":311,"links":312,"dates":370},"\u002Fexamples\u002Fapps\u002Fservicebell\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"ServiceBell product screens examples - Nicelydone","Browse ServiceBell screen design examples. Preview the interface screenshots and explore related UI patterns. Add live human connection to your website","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F993cdde5-533d-45ea-a969-a8a8951202ac.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},"ServiceBell design examples","\u002Fexamples\u002Fapps\u002Fservicebell",{"label":23,"to":4},"ServiceBell 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},"ServiceBell","servicebell","Add live human connection to your website","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fservicebell-132263c9.png","https:\u002F\u002Fwww.servicebell.com",[35,39],{"id":36,"title":37,"slug":38},47,"Customer Service","customer-service",{"id":40,"title":41,"slug":42},82,"Communication","communication",[44,69,83,94,117,139,150,166,180,232,265,292],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"993cdde5-533d-45ea-a969-a8a8951202ac","ServiceBell - Sign in","Sign-in screen where the user authenticates to ServiceBell using their email and password.",3024,1674,"ServiceBell - Sign in from ServiceBell","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"description":71,"canonical_path":4,"image":72,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":73,"component_categories":79,"app":81},"119789bc-27de-4ab2-9eeb-c01276c97c70","Password recovery screen where the user enters their email address to receive reset instructions, featuring a product UI mockup on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F119789bc-27de-4ab2-9eeb-c01276c97c70.png",[74],{"id":75,"label":76,"slug":77,"rank":57,"group":78},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[80],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":46,"description":85,"canonical_path":4,"image":86,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":87,"component_categories":90,"app":92},"79318d62-a851-4a35-a3b7-5a10c0313885","Password recovery screen where the user enters their email address to receive reset instructions, featuring a product preview graphic on the right half of the layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79318d62-a851-4a35-a3b7-5a10c0313885.png",[88],{"id":75,"label":76,"slug":77,"rank":57,"group":89},{"id":59,"label":60,"slug":61},[91],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":46,"description":96,"canonical_path":4,"image":97,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":98,"component_categories":109,"app":115},"a88f8a02-e2af-4b8b-9eec-566985cef036","Password recovery screen showing a success message after the user requested a reset link, alongside a product illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa88f8a02-e2af-4b8b-9eec-566985cef036.png",[99,101],{"id":75,"label":76,"slug":77,"rank":57,"group":100},{"id":59,"label":60,"slug":61},{"id":102,"label":103,"slug":104,"rank":59,"group":105},122,"Success","success",{"id":106,"label":107,"slug":108},12,"States & Feedback","states-and-feedback",[110,114],{"id":111,"title":112,"slug":113},167,"Alert","alert",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":46,"description":119,"canonical_path":4,"image":120,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":121,"component_categories":131,"app":137},"452f669c-7966-4464-8810-d399da8485f0","Signup page where the user creates an account by entering their name, company, email, and password, alongside a preview of the product's video chat widget.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F452f669c-7966-4464-8810-d399da8485f0.png",[122,127],{"id":123,"label":124,"slug":125,"rank":57,"group":126},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":59,"label":128,"slug":129,"rank":59,"group":130},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[132,136],{"id":133,"title":134,"slug":135},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":46,"description":141,"canonical_path":4,"image":142,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":143,"component_categories":146,"app":148},"d495c5a0-e10f-494f-989a-df943258d3ea","Signup page where the user creates an account by providing their name, company, email, and password, alongside a visual preview of the video chat product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd495c5a0-e10f-494f-989a-df943258d3ea.png",[144],{"id":123,"label":124,"slug":125,"rank":57,"group":145},{"id":59,"label":60,"slug":61},[147],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":46,"description":152,"canonical_path":4,"image":153,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":154,"component_categories":162,"app":164},"79f1e2e4-bc77-4a24-851c-10150c0cc5dd","Signup screen where the user attempts to create an account but encounters a password generation error toast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79f1e2e4-bc77-4a24-851c-10150c0cc5dd.png",[155,157],{"id":123,"label":124,"slug":125,"rank":57,"group":156},{"id":59,"label":60,"slug":61},{"id":158,"label":159,"slug":160,"rank":59,"group":161},116,"Error","error",{"id":106,"label":107,"slug":108},[163],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":46,"description":168,"canonical_path":4,"image":169,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":170,"component_categories":175,"app":178},"1addeba9-d4b9-421b-9ef7-05a56f657f89","Sign-up page where the user creates an account with their name, email, and password, currently showing a password generation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1addeba9-d4b9-421b-9ef7-05a56f657f89.png",[171,173],{"id":123,"label":124,"slug":125,"rank":57,"group":172},{"id":59,"label":60,"slug":61},{"id":158,"label":159,"slug":160,"rank":59,"group":174},{"id":106,"label":107,"slug":108},[176,177],{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":48,"height":49,"image_alt":185,"kind":51,"patterns":186,"component_categories":207,"app":230},"dad215a1-851a-4699-8d00-3d5a040dd61c","ServiceBell - Engage","Dashboard where the user monitors live site visitors, tracks engagement metrics like page views and missed calls, and manages active conversations via a floating inbox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdad215a1-851a-4699-8d00-3d5a040dd61c.png","ServiceBell - Engage from ServiceBell",[187,194,199],{"id":188,"label":189,"slug":190,"rank":57,"group":191},41,"Dashboard","dashboard",{"id":54,"label":192,"slug":193},"Data & Analysis","data-and-analysis",{"id":195,"label":196,"slug":197,"rank":59,"group":198},38,"Activity Log","activity-log",{"id":54,"label":192,"slug":193},{"id":200,"label":201,"slug":202,"rank":75,"group":203},97,"Integrations","integrations",{"id":204,"label":205,"slug":206},10,"Settings & Admin","settings-and-admin",[208,212,216,220,224,228,229],{"id":209,"title":210,"slug":211},214,"Popover","popover",{"id":213,"title":214,"slug":215},240,"Horizontal navigation","horizontal-navigation",{"id":217,"title":218,"slug":219},260,"Badge","badge",{"id":221,"title":222,"slug":223},169,"Avatar","avatar",{"id":225,"title":226,"slug":227},233,"Tabs","tabs",{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":182,"description":234,"canonical_path":4,"image":235,"width":48,"height":49,"image_alt":185,"kind":51,"patterns":236,"component_categories":257,"app":263},"852a039e-5e76-4da0-8b6a-7b820a250fe2","Dashboard for monitoring live site visitors and team engagement metrics, featuring a feed creation prompt and a personal stats sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F852a039e-5e76-4da0-8b6a-7b820a250fe2.png",[237,239,244,251],{"id":188,"label":189,"slug":190,"rank":57,"group":238},{"id":54,"label":192,"slug":193},{"id":240,"label":241,"slug":242,"rank":59,"group":243},46,"Stats","stats",{"id":54,"label":192,"slug":193},{"id":245,"label":246,"slug":247,"rank":75,"group":248},22,"Search","search",{"id":75,"label":249,"slug":250},"Actions","actions",{"id":252,"label":253,"slug":254,"rank":255,"group":256},7,"Add & Create","add-and-create",3,{"id":75,"label":249,"slug":250},[258,259,260,261,262],{"id":217,"title":218,"slug":219},{"id":221,"title":222,"slug":223},{"id":225,"title":226,"slug":227},{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":182,"description":267,"canonical_path":4,"image":268,"width":48,"height":49,"image_alt":185,"kind":51,"patterns":269,"component_categories":284,"app":290},"470199fa-ac2c-42ca-8967-48c79d1569d6","Dashboard showing real-time website visitor feeds and personal engagement stats, currently in an empty state prompting the user to create a new feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F470199fa-ac2c-42ca-8967-48c79d1569d6.png",[270,272,277,279],{"id":188,"label":189,"slug":190,"rank":57,"group":271},{"id":54,"label":192,"slug":193},{"id":273,"label":274,"slug":275,"rank":59,"group":276},115,"Empty State","empty-state",{"id":106,"label":107,"slug":108},{"id":240,"label":241,"slug":242,"rank":75,"group":278},{"id":54,"label":192,"slug":193},{"id":280,"label":281,"slug":282,"rank":255,"group":283},104,"Team Management","team-management",{"id":204,"label":205,"slug":206},[285,286,287,288,289],{"id":213,"title":214,"slug":215},{"id":225,"title":226,"slug":227},{"id":221,"title":222,"slug":223},{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":182,"description":294,"canonical_path":4,"image":295,"width":48,"height":49,"image_alt":185,"kind":51,"patterns":296,"component_categories":301,"app":309},"bb402b14-ebab-4426-94a1-0e7ff2acf344","Dashboard showing real-time visitor feeds with top-level engagement metrics and an open user status popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb402b14-ebab-4426-94a1-0e7ff2acf344.png",[297,299],{"id":188,"label":189,"slug":190,"rank":57,"group":298},{"id":54,"label":192,"slug":193},{"id":273,"label":274,"slug":275,"rank":59,"group":300},{"id":106,"label":107,"slug":108},[302,303,304,305,306,307,308],{"id":209,"title":210,"slug":211},{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"id":221,"title":222,"slug":223},{"id":225,"title":226,"slug":227},{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":310},[],[],[313,315,317,319,321,323,325,327,329,331,333,335,337,340,343,346,349,352,354,358,362,366],{"label":189,"to":314},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":124,"to":316},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":76,"to":318},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":274,"to":320},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":159,"to":322},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":241,"to":324},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":128,"to":326},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":196,"to":328},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":253,"to":330},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":201,"to":332},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":246,"to":334},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":55,"to":336},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":338,"to":339},"ServiceBell marketing pages","\u002Fexamples\u002Fapps\u002Fservicebell\u002Fmarketing",{"label":341,"to":342},"ServiceBell user flows","\u002Fexamples\u002Fapps\u002Fservicebell\u002Fflows",{"label":344,"to":345},"ServiceBell UI components","\u002Fexamples\u002Fapps\u002Fservicebell\u002Fcomponents",{"label":347,"to":348},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":350,"to":351},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":353,"to":18},"All SaaS app examples",{"label":355,"to":356,"description":357},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":359,"to":360,"description":361},"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":363,"to":364,"description":365},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":367,"to":368,"description":369},"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":371,"updated_at":372},"2023-06-05T14:35:29.000Z","2026-09-13T13:02:39.000Z"]