[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fswaychat\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":359,"links":360,"dates":415},"\u002Fexamples\u002Fapps\u002Fswaychat\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"SwayChat product screens examples - Nicelydone","Browse SwayChat screen design examples. Preview the interface screenshots and explore related UI patterns. Keep your customers happy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_sign-in_cce104eb_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"SwayChat design examples","\u002Fexamples\u002Fapps\u002Fswaychat",{"label":23,"to":4},"SwayChat 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},"SwayChat","swaychat","Keep your customers happy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fswaychat-da9e5df9.png","https:\u002F\u002Fswaychat.com",[35],{"id":36,"title":37,"slug":38},47,"Customer Service","customer-service",[40,69,86,111,150,187,213,245,274,295,322,342],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"609ddbb1-d99a-4c07-9013-44aa546254f4","Sign in","Sign-in screen where the user authenticates with an email address and password to access SwayChat.",2880,1526,"Sign in from SwayChat","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":44,"height":45,"image_alt":74,"kind":47,"patterns":75,"component_categories":81,"app":84},"5a59dfcb-a59c-4616-bcb8-f5d8e1ba800c","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_password-reset_97d86494_nicelydone.jpg","Password reset from SwayChat",[76],{"id":77,"label":78,"slug":79,"rank":53,"group":80},2,"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},[82,83],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":44,"height":91,"image_alt":92,"kind":47,"patterns":93,"component_categories":99,"app":109},"7a8acd63-72df-4ba0-9c98-57977376e81c","Sign up","Landing page with an open modal where the user creates a new SwayChat account by providing their email, name, company details, and choosing a custom domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_sign-up_3e930e85_nicelydone.jpg",1520,"Sign up from SwayChat",[94],{"id":95,"label":96,"slug":97,"rank":53,"group":98},6,"Verification","verification",{"id":55,"label":56,"slug":57},[100,104,108],{"id":101,"title":102,"slug":103},258,"Header","header",{"id":105,"title":106,"slug":107},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":44,"height":45,"image_alt":116,"kind":47,"patterns":117,"component_categories":140,"app":148},"79334da4-cb7b-4d18-9316-22d26a1e0dec","Onboarding","Onboarding screen where the user is prompted to copy and paste a JavaScript snippet to install the chat widget on their website.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_onboarding_64aeafef_nicelydone.jpg","Onboarding from SwayChat",[118,126,132],{"id":119,"label":120,"slug":121,"rank":53,"group":122},74,"Onboarding Checklist","onboarding-checklist",{"id":123,"label":124,"slug":125},7,"Onboarding & Education","onboarding-and-education",{"id":123,"label":127,"slug":128,"rank":55,"group":129},"Add & Create","add-and-create",{"id":77,"label":130,"slug":131},"Actions","actions",{"id":133,"label":134,"slug":135,"rank":77,"group":136},115,"Empty State","empty-state",{"id":137,"label":138,"slug":139},12,"States & Feedback","states-and-feedback",[141,142,143,147],{"id":105,"title":106,"slug":107},{"id":60,"title":61,"slug":62},{"id":144,"title":145,"slug":146},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":44,"height":45,"image_alt":155,"kind":47,"patterns":156,"component_categories":174,"app":185},"e959a202-e0a1-42ee-af85-b31e60805884","Home","Dashboard empty state where a new user is welcomed and presented with four setup actions to configure their chat widget and agents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_home_d0d3bb0e_nicelydone.jpg","Home from SwayChat",[157,162,169,171],{"id":158,"label":159,"slug":160,"rank":53,"group":161},72,"Getting Started","getting-started",{"id":123,"label":124,"slug":125},{"id":163,"label":164,"slug":165,"rank":55,"group":166},41,"Dashboard","dashboard",{"id":50,"label":167,"slug":168},"Data & Analysis","data-and-analysis",{"id":133,"label":134,"slug":135,"rank":77,"group":170},{"id":137,"label":138,"slug":139},{"id":123,"label":127,"slug":128,"rank":172,"group":173},3,{"id":77,"label":130,"slug":131},[175,179,183,184],{"id":176,"title":177,"slug":178},240,"Horizontal navigation","horizontal-navigation",{"id":180,"title":181,"slug":182},260,"Badge","badge",{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":189,"description":190,"canonical_path":4,"image":191,"width":44,"height":45,"image_alt":192,"kind":47,"patterns":193,"component_categories":204,"app":211},"54e02451-f33b-4d72-ad4c-b496284620fd","Empty state","Inbox view where the user manages live chats, currently showing empty states for both the message list and the active chat pane.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_empty-state_e4d80b1c_nicelydone.jpg","Empty state from SwayChat",[194,196],{"id":133,"label":134,"slug":135,"rank":53,"group":195},{"id":137,"label":138,"slug":139},{"id":197,"label":198,"slug":199,"rank":55,"group":200},109,"Messages","messages",{"id":201,"label":202,"slug":203},11,"Social & Collaboration","social-and-collaboration",[205,209,210],{"id":206,"title":207,"slug":208},233,"Tabs","tabs",{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":4,"image":217,"width":44,"height":45,"image_alt":218,"kind":47,"patterns":219,"component_categories":234,"app":243},"ceb9a01e-97f4-4637-8b6b-86e3208029df","Messaging","Live chat inbox where a support agent manages conversations, showing a list of active chats, the current message thread, and visitor details like location and browser.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_single_10bedfce_nicelydone.jpg","Messaging from SwayChat",[220,222,229],{"id":197,"label":198,"slug":199,"rank":53,"group":221},{"id":201,"label":202,"slug":203},{"id":223,"label":224,"slug":225,"rank":55,"group":226},35,"Chatbot","chatbot",{"id":172,"label":227,"slug":228},"AI","ai",{"id":230,"label":207,"slug":208,"rank":77,"group":231},69,{"id":95,"label":232,"slug":233},"Navigation & Commands","navigation-and-commands",[235,239,240,241,242],{"id":236,"title":237,"slug":238},168,"Accordion","accordion",{"id":206,"title":207,"slug":208},{"id":180,"title":181,"slug":182},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":247,"description":248,"canonical_path":4,"image":249,"width":44,"height":45,"image_alt":250,"kind":47,"patterns":251,"component_categories":263,"app":272},"a2337bee-26ad-4b79-9f46-3a6e822bcb27","Settings","Settings page where the user customizes the appearance and behavior of their live chat widget, with a live preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_settings_397ba674_nicelydone.jpg","Settings from SwayChat",[252,259],{"id":253,"label":247,"slug":254,"rank":53,"group":255},102,"settings",{"id":256,"label":257,"slug":258},10,"Settings & Admin","settings-and-admin",{"id":201,"label":260,"slug":261,"rank":55,"group":262},"Edit","edit",{"id":77,"label":130,"slug":131},[264,268,269,270,271],{"id":265,"title":266,"slug":267},183,"Color picker","color-picker",{"id":206,"title":207,"slug":208},{"id":60,"title":61,"slug":62},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":276,"description":277,"canonical_path":4,"image":278,"width":44,"height":45,"image_alt":279,"kind":47,"patterns":280,"component_categories":288,"app":293},"2634ad78-2147-400d-b69a-bf2568a04d42","Team","Settings page where the user manages support agents and teams, showing active teams alongside visitor statistics in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_team_859dc829_nicelydone.jpg","Team from SwayChat",[281,286],{"id":282,"label":283,"slug":284,"rank":53,"group":285},104,"Team Management","team-management",{"id":256,"label":257,"slug":258},{"id":163,"label":164,"slug":165,"rank":55,"group":287},{"id":50,"label":167,"slug":168},[289,290,291,292],{"id":180,"title":181,"slug":182},{"id":60,"title":61,"slug":62},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":294},[],{"uuid":296,"title":297,"description":298,"canonical_path":4,"image":299,"width":44,"height":45,"image_alt":300,"kind":47,"patterns":301,"component_categories":315,"app":320},"fe645e0d-332e-48b7-9e52-89ad79633068","Plans","Paywall modal where the user can choose to upgrade their current free plan to a Standard or Platinum tier to unlock more agents and features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_plans_3fe4be50_nicelydone.jpg","Plans from SwayChat",[302,310],{"id":303,"label":304,"slug":305,"rank":53,"group":306},89,"Pricing","pricing",{"id":307,"label":308,"slug":309},9,"Plans & Limits","plans-and-limits",{"id":311,"label":312,"slug":313,"rank":77,"group":314},92,"Upgrade Prompt","upgrade-prompt",{"id":307,"label":308,"slug":309},[316,317,318,319],{"id":105,"title":106,"slug":107},{"id":180,"title":181,"slug":182},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":321},[],{"uuid":323,"title":247,"description":324,"canonical_path":4,"image":325,"width":44,"height":45,"image_alt":250,"kind":47,"patterns":326,"component_categories":336,"app":340},"52dac3bf-a5ae-4d91-a182-057e9a332889","Settings page where the user updates their profile picture, name, title, and account credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_settings-2_bbb21450_nicelydone.jpg",[327,332],{"id":328,"label":329,"slug":330,"rank":53,"group":331},94,"Account Settings","account-settings",{"id":256,"label":257,"slug":258},{"id":172,"label":333,"slug":334,"rank":55,"group":335},"Profile","profile",{"id":201,"label":202,"slug":203},[337,338,339],{"id":180,"title":181,"slug":182},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":341},[],{"uuid":343,"title":247,"description":344,"canonical_path":4,"image":345,"width":44,"height":45,"image_alt":250,"kind":47,"patterns":346,"component_categories":349,"app":357},"8ffc1db3-7a6c-4899-bc1c-74b385651947","Settings page where the user configures the organization name, auto-away timeouts for agents, and round-robin chat distribution rules.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_settings-3_0c05cb83_nicelydone.jpg",[347],{"id":253,"label":247,"slug":254,"rank":53,"group":348},{"id":256,"label":257,"slug":258},[350,354,355,356],{"id":351,"title":352,"slug":353},257,"Input number","input-number",{"id":176,"title":177,"slug":178},{"id":144,"title":145,"slug":146},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":358},[],[],[361,363,365,367,369,371,373,375,377,379,381,383,385,388,391,394,397,399,403,407,411],{"label":134,"to":362},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":127,"to":364},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":164,"to":366},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":198,"to":368},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":247,"to":370},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":329,"to":372},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":224,"to":374},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":260,"to":376},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":78,"to":378},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":159,"to":380},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":120,"to":382},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":304,"to":384},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":386,"to":387},"SwayChat marketing pages","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fmarketing",{"label":389,"to":390},"SwayChat user flows","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fflows",{"label":392,"to":393},"SwayChat UI components","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fcomponents",{"label":395,"to":396},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":398,"to":18},"All SaaS app examples",{"label":400,"to":401,"description":402},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":404,"to":405,"description":406},"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":408,"to":409,"description":410},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":412,"to":413,"description":414},"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":416,"updated_at":417},"2016-10-05T08:00:00.000Z","2026-09-13T13:02:39.000Z"]