[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fswaychat":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":372,"dates":404},"\u002Fexamples\u002Fapps\u002Fswaychat","detail","apps",true,{"title":9,"description":10,"og_image":11},"SwayChat design examples - Nicelydone","Explore SwayChat UI design examples. Keep your customers happy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fswaychat_sign-in_cce104eb_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"SwayChat design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore SwayChat",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"SwayChat","swaychat","Keep your customers happy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fswaychat-da9e5df9.png","https:\u002F\u002Fswaychat.com",[41],{"id":42,"title":43,"slug":44},47,"Customer Service","customer-service",[],[47,369],{"family":48,"examples":49},"screens",[50,79,96,121,160,197,223,255,284,305,332,352],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":77},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},4,"Sign In","sign-in",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73],{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":54,"height":55,"image_alt":84,"kind":57,"patterns":85,"component_categories":91,"app":94},"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",[86],{"id":87,"label":88,"slug":89,"rank":63,"group":90},2,"Forgot Password","forgot-password",{"id":65,"label":66,"slug":67},[92,93],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":29,"image":100,"width":54,"height":101,"image_alt":102,"kind":57,"patterns":103,"component_categories":109,"app":119},"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",[104],{"id":105,"label":106,"slug":107,"rank":63,"group":108},6,"Verification","verification",{"id":65,"label":66,"slug":67},[110,114,118],{"id":111,"title":112,"slug":113},258,"Header","header",{"id":115,"title":116,"slug":117},284,"Modal","modal",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":29,"image":125,"width":54,"height":55,"image_alt":126,"kind":57,"patterns":127,"component_categories":150,"app":158},"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",[128,136,142],{"id":129,"label":130,"slug":131,"rank":63,"group":132},74,"Onboarding Checklist","onboarding-checklist",{"id":133,"label":134,"slug":135},7,"Onboarding & Education","onboarding-and-education",{"id":133,"label":137,"slug":138,"rank":65,"group":139},"Add & Create","add-and-create",{"id":87,"label":140,"slug":141},"Actions","actions",{"id":143,"label":144,"slug":145,"rank":87,"group":146},115,"Empty State","empty-state",{"id":147,"label":148,"slug":149},12,"States & Feedback","states-and-feedback",[151,152,153,157],{"id":115,"title":116,"slug":117},{"id":70,"title":71,"slug":72},{"id":154,"title":155,"slug":156},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":29,"image":164,"width":54,"height":55,"image_alt":165,"kind":57,"patterns":166,"component_categories":184,"app":195},"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",[167,172,179,181],{"id":168,"label":169,"slug":170,"rank":63,"group":171},72,"Getting Started","getting-started",{"id":133,"label":134,"slug":135},{"id":173,"label":174,"slug":175,"rank":65,"group":176},41,"Dashboard","dashboard",{"id":60,"label":177,"slug":178},"Data & Analysis","data-and-analysis",{"id":143,"label":144,"slug":145,"rank":87,"group":180},{"id":147,"label":148,"slug":149},{"id":133,"label":137,"slug":138,"rank":182,"group":183},3,{"id":87,"label":140,"slug":141},[185,189,193,194],{"id":186,"title":187,"slug":188},240,"Horizontal navigation","horizontal-navigation",{"id":190,"title":191,"slug":192},260,"Badge","badge",{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":29,"image":201,"width":54,"height":55,"image_alt":202,"kind":57,"patterns":203,"component_categories":214,"app":221},"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",[204,206],{"id":143,"label":144,"slug":145,"rank":63,"group":205},{"id":147,"label":148,"slug":149},{"id":207,"label":208,"slug":209,"rank":65,"group":210},109,"Messages","messages",{"id":211,"label":212,"slug":213},11,"Social & Collaboration","social-and-collaboration",[215,219,220],{"id":216,"title":217,"slug":218},233,"Tabs","tabs",{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":29,"image":227,"width":54,"height":55,"image_alt":228,"kind":57,"patterns":229,"component_categories":244,"app":253},"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",[230,232,239],{"id":207,"label":208,"slug":209,"rank":63,"group":231},{"id":211,"label":212,"slug":213},{"id":233,"label":234,"slug":235,"rank":65,"group":236},35,"Chatbot","chatbot",{"id":182,"label":237,"slug":238},"AI","ai",{"id":240,"label":217,"slug":218,"rank":87,"group":241},69,{"id":105,"label":242,"slug":243},"Navigation & Commands","navigation-and-commands",[245,249,250,251,252],{"id":246,"title":247,"slug":248},168,"Accordion","accordion",{"id":216,"title":217,"slug":218},{"id":190,"title":191,"slug":192},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":29,"image":259,"width":54,"height":55,"image_alt":260,"kind":57,"patterns":261,"component_categories":273,"app":282},"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",[262,269],{"id":263,"label":257,"slug":264,"rank":63,"group":265},102,"settings",{"id":266,"label":267,"slug":268},10,"Settings & Admin","settings-and-admin",{"id":211,"label":270,"slug":271,"rank":65,"group":272},"Edit","edit",{"id":87,"label":140,"slug":141},[274,278,279,280,281],{"id":275,"title":276,"slug":277},183,"Color picker","color-picker",{"id":216,"title":217,"slug":218},{"id":70,"title":71,"slug":72},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":29,"image":288,"width":54,"height":55,"image_alt":289,"kind":57,"patterns":290,"component_categories":298,"app":303},"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",[291,296],{"id":292,"label":293,"slug":294,"rank":63,"group":295},104,"Team Management","team-management",{"id":266,"label":267,"slug":268},{"id":173,"label":174,"slug":175,"rank":65,"group":297},{"id":60,"label":177,"slug":178},[299,300,301,302],{"id":190,"title":191,"slug":192},{"id":70,"title":71,"slug":72},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":304},[],{"uuid":306,"title":307,"description":308,"canonical_path":29,"image":309,"width":54,"height":55,"image_alt":310,"kind":57,"patterns":311,"component_categories":325,"app":330},"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",[312,320],{"id":313,"label":314,"slug":315,"rank":63,"group":316},89,"Pricing","pricing",{"id":317,"label":318,"slug":319},9,"Plans & Limits","plans-and-limits",{"id":321,"label":322,"slug":323,"rank":87,"group":324},92,"Upgrade Prompt","upgrade-prompt",{"id":317,"label":318,"slug":319},[326,327,328,329],{"id":115,"title":116,"slug":117},{"id":190,"title":191,"slug":192},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":331},[],{"uuid":333,"title":257,"description":334,"canonical_path":29,"image":335,"width":54,"height":55,"image_alt":260,"kind":57,"patterns":336,"component_categories":346,"app":350},"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",[337,342],{"id":338,"label":339,"slug":340,"rank":63,"group":341},94,"Account Settings","account-settings",{"id":266,"label":267,"slug":268},{"id":182,"label":343,"slug":344,"rank":65,"group":345},"Profile","profile",{"id":211,"label":212,"slug":213},[347,348,349],{"id":190,"title":191,"slug":192},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":351},[],{"uuid":353,"title":257,"description":354,"canonical_path":29,"image":355,"width":54,"height":55,"image_alt":260,"kind":57,"patterns":356,"component_categories":359,"app":367},"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",[357],{"id":263,"label":257,"slug":264,"rank":63,"group":358},{"id":266,"label":267,"slug":268},[360,364,365,366],{"id":361,"title":362,"slug":363},257,"Input number","input-number",{"id":186,"title":187,"slug":188},{"id":154,"title":155,"slug":156},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":368},[],{"family":370,"examples":371},"pages",[],[373,375,377,380,383,386,388,392,396,400],{"label":374,"to":29},"SwayChat product screens",{"label":376,"to":32},"SwayChat marketing pages",{"label":378,"to":379},"SwayChat user flows","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fflows",{"label":381,"to":382},"SwayChat UI components","\u002Fexamples\u002Fapps\u002Fswaychat\u002Fcomponents",{"label":384,"to":385},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":387,"to":18},"All SaaS app examples",{"label":389,"to":390,"description":391},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":393,"to":394,"description":395},"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":397,"to":398,"description":399},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":401,"to":402,"description":403},"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":405,"updated_at":406},"2016-10-05T08:00:00.000Z","2026-09-13T13:02:39.000Z"]