[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fconversational":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":536,"links":537,"dates":599},"\u002Fexamples\u002Ftags\u002Fconversational","collection","screens",true,{"example_count":9,"app_count":10},1471,77,{"id":12,"title":13,"description":14},8302,"Conversational","",{"title":16,"description":17,"og_image":18},"Conversational screen examples - Nicelydone","Conversational screen design examples from SaaS apps. Browse examples from Dock, Twin, Mighty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F142b1dc3-331d-4b5d-af2f-27751230acf0.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Conversational screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1471 screens",[34,85,158,201,237,273,310,352,378,421,459,494],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":66,"app":71},"142b1dc3-331d-4b5d-af2f-27751230acf0","Spaces · Dock","List view with an open AI assistant drawer where the user can chat with specific agents like Workspace admin or Sales question.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Spaces · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},27,"AI Assistant","ai-assistant",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},28,"AI Chat","ai-chat",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},36,"Model Selection","model-selection",2,{"id":51,"label":52,"slug":53},[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[77,81],{"id":78,"title":79,"slug":80},23,"Collaboration","collaboration",{"id":82,"title":83,"slug":84},29,"Task Management","task-management",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":39,"height":91,"image_alt":92,"published_at":93,"kind":43,"patterns":94,"component_categories":126,"app":144},"0c103aa7-391e-4017-9298-63d56a27938c","Twin - Automate anything","AI agent builder interface where the user configures an automated schedule trigger alongside a chat window for instructing the agent.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c103aa7-391e-4017-9298-63d56a27938c.png",1780,"Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[95,100,102,110,117],{"id":96,"label":97,"slug":98,"rank":49,"group":99},26,"AI Agent","ai-agent",{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":101},{"id":51,"label":52,"slug":53},{"id":103,"label":104,"slug":105,"rank":64,"group":106},125,"Automation","automation",{"id":107,"label":108,"slug":109},13,"Workflow & Automation","workflow-and-automation",{"id":111,"label":112,"slug":113,"rank":51,"group":114},21,"Schedule","schedule",{"id":64,"label":115,"slug":116},"Actions","actions",{"id":118,"label":119,"slug":120,"rank":121,"group":122},102,"Settings","settings",4,{"id":123,"label":124,"slug":125},10,"Settings & Admin","settings-and-admin",[127,131,135,139,143],{"id":128,"title":129,"slug":130},257,"Input number","input-number",{"id":132,"title":133,"slug":134},233,"Tabs","tabs",{"id":136,"title":137,"slug":138},174,"Card","card",{"id":140,"title":141,"slug":142},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":145,"title":146,"logo":147,"baseline":148,"categories":149},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[150,154],{"id":151,"title":152,"slug":153},80,"Artificial Intelligence","artificial-intelligence",{"id":155,"title":156,"slug":157},105,"Workflow Automation","workflow-automation",{"uuid":159,"title":160,"description":161,"canonical_path":162,"image":163,"width":39,"height":91,"image_alt":164,"published_at":165,"kind":43,"patterns":166,"component_categories":174,"app":185},"6bd5d7a4-2fff-4999-89e3-10979a152d69","Nicelydone","AI chat modal where the user asks Mighty Cohost for advice on increasing community engagement and reviews the suggested strategies.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6bd5d7a4-2fff-4999-89e3-10979a152d69.png","Nicelydone from Mighty","2025-09-01T19:09:04.000Z",[167,169],{"id":55,"label":56,"slug":57,"rank":49,"group":168},{"id":51,"label":52,"slug":53},{"id":170,"label":171,"slug":172,"rank":58,"group":173},35,"Chatbot","chatbot",{"id":51,"label":52,"slug":53},[175,179,183,184],{"id":176,"title":177,"slug":178},284,"Modal","modal",{"id":180,"title":181,"slug":182},260,"Badge","badge",{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":186,"title":187,"logo":188,"baseline":189,"categories":190},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[191,195,198],{"id":192,"title":193,"slug":194},33,"E-Learning","e-learning",{"id":58,"title":196,"slug":197},"Communities","communities",{"id":96,"title":199,"slug":200},"Events","events",{"uuid":202,"title":160,"description":203,"canonical_path":204,"image":205,"width":39,"height":91,"image_alt":206,"published_at":207,"kind":43,"patterns":208,"component_categories":219,"app":221},"2da6e0e4-ee2f-4c8d-98d3-7ed102b613ce","AI chat interface in its initial empty state, featuring a welcome message card and a bottom-anchored composer prompting the user to ask a question.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2da6e0e4-ee2f-4c8d-98d3-7ed102b613ce.png","Nicelydone from Zapier","2025-07-28T14:04:12.000Z",[209,211],{"id":55,"label":56,"slug":57,"rank":49,"group":210},{"id":51,"label":52,"slug":53},{"id":212,"label":213,"slug":214,"rank":58,"group":215},115,"Empty State","empty-state",{"id":216,"label":217,"slug":218},12,"States & Feedback","states-and-feedback",[220],{"id":136,"title":137,"slug":138},{"slug":222,"title":223,"logo":224,"baseline":225,"categories":226},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[227,231,235,236],{"id":228,"title":229,"slug":230},37,"Developer APIs","developer-apis",{"id":232,"title":233,"slug":234},48,"Developer Tools","developer-tools",{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"uuid":238,"title":239,"description":240,"canonical_path":241,"image":242,"width":39,"height":91,"image_alt":243,"published_at":244,"kind":43,"patterns":245,"component_categories":255,"app":263},"bbf3f573-a944-41e1-849b-4d47c422b9da","Chats | The Org","AI chat interface where the user asks questions about company founders and employee counts, with a history sidebar showing recent conversations.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbbf3f573-a944-41e1-849b-4d47c422b9da.png","Chats | The Org from The org","2025-07-14T09:42:36.000Z",[246,248,250],{"id":55,"label":56,"slug":57,"rank":49,"group":247},{"id":51,"label":52,"slug":53},{"id":170,"label":171,"slug":172,"rank":58,"group":249},{"id":51,"label":52,"slug":53},{"id":251,"label":252,"slug":253,"rank":64,"group":254},22,"Search","search",{"id":64,"label":115,"slug":116},[256,260,261,262],{"id":257,"title":258,"slug":259},240,"Horizontal navigation","horizontal-navigation",{"id":180,"title":181,"slug":182},{"id":136,"title":137,"slug":138},{"id":68,"title":69,"slug":70},{"slug":264,"title":265,"logo":266,"baseline":267,"categories":268},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[269],{"id":270,"title":271,"slug":272},49,"Social Network","social-network",{"uuid":274,"title":275,"description":276,"canonical_path":277,"image":278,"width":39,"height":279,"image_alt":280,"published_at":281,"kind":43,"patterns":282,"component_categories":297,"app":302},"06e3c083-2037-4b58-b81b-dacfae73aec1","Hypermode – The AI development platform","AI chat interface where the user interacts with a personal assistant agent that performs web searches and creates calendar events.","\u002Fexamples\u002Fapps\u002Fhypermode\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06e3c083-2037-4b58-b81b-dacfae73aec1.png",1714,"Hypermode – The AI development platform from Hypermode","2025-06-30T13:54:19.000Z",[283,285,287,295],{"id":96,"label":97,"slug":98,"rank":49,"group":284},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":286},{"id":51,"label":52,"slug":53},{"id":288,"label":289,"slug":290,"rank":64,"group":291},51,"Calendar","calendar",{"id":292,"label":293,"slug":294},5,"Media & Tools","media-and-tools",{"id":170,"label":171,"slug":172,"rank":51,"group":296},{"id":51,"label":52,"slug":53},[298,299,300,301],{"id":132,"title":133,"slug":134},{"id":257,"title":258,"slug":259},{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":303,"title":304,"logo":305,"baseline":306,"categories":307},"hypermode","Hypermode","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5aad555b-6b06-4919-947c-e79a9e24ebaf.png","The platform for agentic flows",[308,309],{"id":151,"title":152,"slug":153},{"id":232,"title":233,"slug":234},{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":39,"height":316,"image_alt":317,"published_at":318,"kind":43,"patterns":319,"component_categories":334,"app":338},"3d88bb73-364a-4f27-a8aa-0a9cbe0004d3","Jasper","Onboarding screen where the user answers company profile questions via an AI chat interface to personalize their workspace.","\u002Fexamples\u002Fapps\u002Fjasper\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d88bb73-364a-4f27-a8aa-0a9cbe0004d3.png",1778,"Jasper from Jasper","2025-06-09T19:56:39.000Z",[320,322,330],{"id":46,"label":47,"slug":48,"rank":49,"group":321},{"id":51,"label":52,"slug":53},{"id":323,"label":324,"slug":325,"rank":58,"group":326},74,"Onboarding Checklist","onboarding-checklist",{"id":327,"label":328,"slug":329},7,"Onboarding & Education","onboarding-and-education",{"id":10,"label":331,"slug":332,"rank":64,"group":333},"Welcome","welcome",{"id":327,"label":328,"slug":329},[335,336,337],{"id":257,"title":258,"slug":259},{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":339,"title":312,"logo":340,"baseline":341,"categories":342},"jasper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjasper-9e3545c6.png","AI Copywriter",[343,344,348],{"id":151,"title":152,"slug":153},{"id":345,"title":346,"slug":347},25,"Marketing","marketing",{"id":349,"title":350,"slug":351},59,"Writing tools","writing-tools",{"uuid":353,"title":354,"description":355,"canonical_path":356,"image":357,"width":39,"height":279,"image_alt":358,"published_at":359,"kind":43,"patterns":360,"component_categories":368,"app":371},"7e545dc9-e1e9-4ee0-9d46-91ad65274eac","Microsoft Copilot: Your AI companion","AI chat interface where the user views a completed conversation and is prompted to provide feedback on the voice chat experience.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e545dc9-e1e9-4ee0-9d46-91ad65274eac.png","Microsoft Copilot: Your AI companion from Copilot","2025-05-05T11:00:42.000Z",[361,363],{"id":55,"label":56,"slug":57,"rank":49,"group":362},{"id":51,"label":52,"slug":53},{"id":364,"label":365,"slug":366,"rank":58,"group":367},117,"Feedback","feedback",{"id":216,"label":217,"slug":218},[369,370],{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":372,"title":373,"logo":374,"baseline":375,"categories":376},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[377],{"id":151,"title":152,"slug":153},{"uuid":379,"title":380,"description":381,"canonical_path":382,"image":383,"width":39,"height":384,"image_alt":385,"published_at":386,"kind":43,"patterns":387,"component_categories":396,"app":405},"dd53b9df-5e4f-49f0-a878-69b8ae2acd05","Privacy Policy — Evervault","Privacy policy page detailing data collection, usage, sharing practices, and user rights, including tables for roles and service providers.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd53b9df-5e4f-49f0-a878-69b8ae2acd05.png",8716,"Privacy Policy — Evervault from Evervault","2025-04-29T08:32:29.000Z",[388],{"id":389,"label":390,"slug":391,"rank":49,"group":392},185,"Privacy Policy","privacy-policy",{"id":393,"label":394,"slug":395},15,"Marketing Page Types","marketing-page-types",[397,401],{"id":398,"title":399,"slug":400},258,"Header","header",{"id":402,"title":403,"slug":404},202,"Footer","footer",{"slug":406,"title":407,"logo":408,"baseline":409,"categories":410},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[411,412,413,417],{"id":232,"title":233,"slug":234},{"id":228,"title":229,"slug":230},{"id":414,"title":415,"slug":416},39,"Payments","payments",{"id":418,"title":419,"slug":420},78,"Security","security",{"uuid":422,"title":423,"description":424,"canonical_path":425,"image":426,"width":39,"height":279,"image_alt":427,"published_at":428,"kind":43,"patterns":429,"component_categories":443,"app":452},"e63249a4-e688-4443-a31b-62f99afcdb26","New conversation - Grok","AI chat interface where the user interacts with an Unhinged Comedian persona and waits for a streaming response.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe63249a4-e688-4443-a31b-62f99afcdb26.png","New conversation - Grok from Grok","2025-04-14T08:55:44.000Z",[430,432,434,436,438],{"id":55,"label":56,"slug":57,"rank":49,"group":431},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":433},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":435},{"id":51,"label":52,"slug":53},{"id":170,"label":171,"slug":172,"rank":51,"group":437},{"id":51,"label":52,"slug":53},{"id":439,"label":440,"slug":441,"rank":121,"group":442},134,"Warning","warning",{"id":216,"label":217,"slug":218},[444,448,449,450,451],{"id":445,"title":446,"slug":447},167,"Alert","alert",{"id":180,"title":181,"slug":182},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":453,"title":454,"logo":455,"baseline":456,"categories":457},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[458],{"id":151,"title":152,"slug":153},{"uuid":460,"title":461,"description":462,"canonical_path":463,"image":464,"width":39,"height":465,"image_alt":466,"published_at":467,"kind":43,"patterns":468,"component_categories":474,"app":479},"1a4142e4-b09e-4fe3-898c-cec8bd68d3e2","Find the right Bitly Integration","Integrations marketplace where the user can browse, search, and filter popular apps that connect with Bitly.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a4142e4-b09e-4fe3-898c-cec8bd68d3e2.png",6744,"Find the right Bitly Integration from Bitly","2025-03-31T12:38:36.000Z",[469],{"id":470,"label":471,"slug":472,"rank":49,"group":473},142,"Integration Page","integration-page",{"id":393,"label":394,"slug":395},[475,476,477,478],{"id":398,"title":399,"slug":400},{"id":402,"title":403,"slug":404},{"id":136,"title":137,"slug":138},{"id":68,"title":69,"slug":70},{"slug":480,"title":481,"logo":482,"baseline":483,"categories":484},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[485,489,490],{"id":486,"title":487,"slug":488},14,"Social","social",{"id":345,"title":346,"slug":347},{"id":491,"title":492,"slug":493},46,"Analytics","analytics",{"uuid":495,"title":496,"description":497,"canonical_path":498,"image":499,"width":39,"height":316,"image_alt":500,"published_at":501,"kind":43,"patterns":502,"component_categories":520,"app":525},"5c397a6e-32f1-42cd-a290-e87990a141e8","Inbox › Laura Rees","Inbox view where a user reads a customer email requesting website removal and can reply or update ticket details like status and priority.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c397a6e-32f1-42cd-a290-e87990a141e8.png","Inbox › Laura Rees from Lemni","2025-03-24T15:32:17.000Z",[503,511,516],{"id":504,"label":505,"slug":506,"rank":49,"group":507},109,"Messages","messages",{"id":508,"label":509,"slug":510},11,"Social & Collaboration","social-and-collaboration",{"id":512,"label":513,"slug":514,"rank":58,"group":515},106,"Comments","comments",{"id":508,"label":509,"slug":510},{"id":508,"label":517,"slug":518,"rank":64,"group":519},"Edit","edit",{"id":64,"label":115,"slug":116},[521,522,523,524],{"id":180,"title":181,"slug":182},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":68,"title":69,"slug":70},{"slug":526,"title":527,"logo":528,"baseline":529,"categories":530},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[531,532],{"id":151,"title":152,"slug":153},{"id":533,"title":534,"slug":535},47,"Customer Service","customer-service",[],[538,541,543,545,547,549,551,553,555,557,559,561,563,566,569,572,575,578,581,584,587,590,593,596],{"label":56,"to":539,"count":540},"\u002Fexamples\u002Fscreens\u002Fai-chat",8,{"label":171,"to":542,"count":121},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":47,"to":544,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":97,"to":546,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":62,"to":548,"count":64},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":104,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fautomation",{"label":289,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":513,"to":554,"count":58},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":517,"to":556,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":213,"to":558,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":365,"to":560,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":505,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":564,"to":565},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":567,"to":568},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":570,"to":571},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":573,"to":574},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":576,"to":577},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":579,"to":580},"Hypermode design examples","\u002Fexamples\u002Fapps\u002Fhypermode",{"label":582,"to":583},"Jasper design examples","\u002Fexamples\u002Fapps\u002Fjasper",{"label":585,"to":586},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":588,"to":589},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":591,"to":592},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":594,"to":595},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":597,"to":598},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"published_at":600,"updated_at":601},"2024-12-12T15:34:05.000Z","2026-09-05T20:19:49.671Z"]