[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fworkflow-integration":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":468,"links":469,"dates":522},"\u002Fexamples\u002Ftags\u002Fworkflow-integration","collection","screens",true,{"example_count":9,"app_count":10},17,9,{"id":12,"title":13,"description":14},20361,"Workflow integration","",{"title":16,"description":17,"og_image":18},"Workflow integration screen examples - Nicelydone","Workflow integration screen design examples from SaaS apps. Browse examples from Dovetail, Cobot, Zapier.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd086c493-fbb0-4773-8038-7337dd861df1.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Workflow integration screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"17 screens",[34,121,170,209,277,310,359,391,435],{"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":78,"app":99},"d086c493-fbb0-4773-8038-7337dd861df1","My project – Dovetail","List view with a modal prompting the user to integrate their workflow by connecting apps like Slack, Teams, and Google Drive to import data.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens",3024,1780,"My project – Dovetail from Dovetail","2026-03-02T20:51:47.000Z","screen",[45,54,63,71],{"id":46,"label":47,"slug":48,"rank":49,"group":50},97,"Integrations","integrations",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},15,"Import & Export","import-and-export",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",{"id":64,"label":65,"slug":66,"rank":60,"group":67},28,"AI Chat","ai-chat",{"id":68,"label":69,"slug":70},3,"AI","ai",{"id":72,"label":73,"slug":74,"rank":68,"group":75},88,"Feature Gate","feature-gate",{"id":10,"label":76,"slug":77},"Plans & Limits","plans-and-limits",[79,83,87,91,95],{"id":80,"title":81,"slug":82},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},284,"Modal","modal",{"id":88,"title":89,"slug":90},260,"Badge","badge",{"id":92,"title":93,"slug":94},175,"Button","button",{"id":96,"title":97,"slug":98},174,"Card","card",{"slug":100,"title":101,"logo":102,"baseline":103,"categories":104},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[105,109,113,117],{"id":106,"title":107,"slug":108},8,"Design","design",{"id":110,"title":111,"slug":112},22,"Knowledge Management","knowledge-management",{"id":114,"title":115,"slug":116},35,"Feedback","feedback",{"id":118,"title":119,"slug":120},104,"User Research","user-research",{"uuid":122,"title":123,"description":124,"canonical_path":125,"image":126,"width":39,"height":40,"image_alt":127,"published_at":128,"kind":43,"patterns":129,"component_categories":150,"app":157},"67613eed-f410-41dd-ac4a-552db2b84277","Cobot","Settings page where the user configures a connected Mail AI agent, including selecting its underlying model and providing custom instructions.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67613eed-f410-41dd-ac4a-552db2b84277.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[130,135,140,145],{"id":131,"label":132,"slug":133,"rank":49,"group":134},33,"AI Settings","ai-settings",{"id":68,"label":69,"slug":70},{"id":136,"label":137,"slug":138,"rank":58,"group":139},26,"AI Agent","ai-agent",{"id":68,"label":69,"slug":70},{"id":141,"label":142,"slug":143,"rank":60,"group":144},36,"Model Selection","model-selection",{"id":68,"label":69,"slug":70},{"id":146,"label":147,"slug":148,"rank":68,"group":149},102,"Settings","settings",{"id":51,"label":52,"slug":53},[151,155,156],{"id":152,"title":153,"slug":154},169,"Avatar","avatar",{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":158,"title":123,"logo":159,"baseline":160,"categories":161},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[162,166],{"id":163,"title":164,"slug":165},80,"Artificial Intelligence","artificial-intelligence",{"id":167,"title":168,"slug":169},30,"Productivity","productivity",{"uuid":171,"title":172,"description":173,"canonical_path":174,"image":175,"width":39,"height":40,"image_alt":176,"published_at":177,"kind":43,"patterns":178,"component_categories":186,"app":190},"9bd1cab7-4963-43d3-8baf-fd1d5cf75d99","Sign up | Zapier","Signup page where the user can create an account using Google OAuth or by entering their work email and name, accompanied by a value proposition checklist and customer logos.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bd1cab7-4963-43d3-8baf-fd1d5cf75d99.png","Sign up | Zapier from Zapier","2025-07-28T14:04:12.000Z",[179],{"id":180,"label":181,"slug":182,"rank":49,"group":183},5,"Sign Up","sign-up",{"id":58,"label":184,"slug":185},"Access & Account","access-and-account",[187,188,189],{"id":80,"title":81,"slug":82},{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":191,"title":192,"logo":193,"baseline":194,"categories":195},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[196,200,204,205],{"id":197,"title":198,"slug":199},37,"Developer APIs","developer-apis",{"id":201,"title":202,"slug":203},48,"Developer Tools","developer-tools",{"id":163,"title":164,"slug":165},{"id":206,"title":207,"slug":208},105,"Workflow Automation","workflow-automation",{"uuid":210,"title":211,"description":212,"canonical_path":213,"image":214,"width":39,"height":215,"image_alt":216,"published_at":217,"kind":43,"patterns":218,"component_categories":248,"app":260},"f5113aeb-eee2-4ad0-b258-7009c0473daa","Vero","Workflow editor where the user configures an email node's properties, including recipient, sender, subject, and external data endpoints.","\u002Fexamples\u002Fapps\u002Fvero\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5113aeb-eee2-4ad0-b258-7009c0473daa.png",1778,"Vero from Vero","2024-11-18T14:07:13.000Z",[219,227,232,240],{"id":220,"label":221,"slug":222,"rank":49,"group":223},129,"Workflow Builder","workflow-builder",{"id":224,"label":225,"slug":226},13,"Workflow & Automation","workflow-and-automation",{"id":228,"label":229,"slug":230,"rank":58,"group":231},11,"Edit","edit",{"id":60,"label":61,"slug":62},{"id":233,"label":234,"slug":235,"rank":60,"group":236},62,"Breadcrumbs","breadcrumbs",{"id":237,"label":238,"slug":239},6,"Navigation & Commands","navigation-and-commands",{"id":241,"label":242,"slug":243,"rank":68,"group":244},114,"Confirmation","confirmation",{"id":245,"label":246,"slug":247},12,"States & Feedback","states-and-feedback",[249,253,254,258,259],{"id":250,"title":251,"slug":252},177,"Breadcrumb","breadcrumb",{"id":88,"title":89,"slug":90},{"id":255,"title":256,"slug":257},277,"Button group","button-group",{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":261,"title":211,"logo":262,"baseline":263,"categories":264},"vero","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvero-a2c5dffd.png","Make every customer communication count",[265,269,273],{"id":266,"title":267,"slug":268},25,"Marketing","marketing",{"id":270,"title":271,"slug":272},27,"Email Newsletters","email-newsletters",{"id":274,"title":275,"slug":276},68,"SMS","sms",{"uuid":278,"title":279,"description":280,"canonical_path":281,"image":282,"width":39,"height":215,"image_alt":283,"published_at":284,"kind":43,"patterns":285,"component_categories":295,"app":298},"86960a5c-79b0-47d7-b25d-bbd1f7164fcb","Settings · Qatalog","Settings modal where the user configures custom mappings between specific terms, connections like Linear, and workflows to improve query accuracy.","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F86960a5c-79b0-47d7-b25d-bbd1f7164fcb.png","Settings · Qatalog from Qatalog","2024-11-12T10:59:54.000Z",[286,288,293],{"id":228,"label":229,"slug":230,"rank":49,"group":287},{"id":60,"label":61,"slug":62},{"id":289,"label":290,"slug":291,"rank":58,"group":292},122,"Success","success",{"id":245,"label":246,"slug":247},{"id":46,"label":47,"slug":48,"rank":60,"group":294},{"id":51,"label":52,"slug":53},[296,297],{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":299,"title":300,"logo":301,"baseline":302,"categories":303},"qatalog","Qatalog","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fqatalog-8b19d9e2.png","AI that works with your data",[304,305,306],{"id":163,"title":164,"slug":165},{"id":110,"title":111,"slug":112},{"id":307,"title":308,"slug":309},55,"Search engine","search-engine",{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":39,"height":215,"image_alt":316,"published_at":317,"kind":43,"patterns":318,"component_categories":333,"app":340},"5896bd67-f24d-438c-9de6-cb0f457f15a0","Switch | Nicelydone  Intercom","Settings page where the user configures the Switch channel, currently blocked by an upgrade requirement.","\u002Fexamples\u002Fapps\u002Fintercom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5896bd67-f24d-438c-9de6-cb0f457f15a0.png","Switch | Nicelydone  Intercom from Intercom","2024-10-16T07:32:33.000Z",[319,321,323,328],{"id":72,"label":73,"slug":74,"rank":49,"group":320},{"id":10,"label":76,"slug":77},{"id":146,"label":147,"slug":148,"rank":58,"group":322},{"id":51,"label":52,"slug":53},{"id":324,"label":325,"slug":326,"rank":60,"group":327},89,"Pricing","pricing",{"id":10,"label":76,"slug":77},{"id":329,"label":330,"slug":331,"rank":68,"group":332},91,"Trial","trial",{"id":10,"label":76,"slug":77},[334,338,339],{"id":335,"title":336,"slug":337},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},{"id":96,"title":97,"slug":98},{"slug":341,"title":342,"logo":343,"baseline":344,"categories":345},"intercom","Intercom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fintercom-d24f1c6b.png","A fundamentally new way to communicate with your customers",[346,350,354,358],{"id":347,"title":348,"slug":349},53,"CRM","crm",{"id":351,"title":352,"slug":353},47,"Customer Service","customer-service",{"id":355,"title":356,"slug":357},42,"Messaging","messaging",{"id":266,"title":267,"slug":268},{"uuid":360,"title":361,"description":362,"canonical_path":363,"image":364,"width":39,"height":215,"image_alt":365,"published_at":366,"kind":43,"patterns":367,"component_categories":372,"app":376},"5abb0804-9d97-4b74-9236-ecb70665eb41","Untitled workflow | Workflow Builder  Nicelydoneclub - Slack","Design editor where the user configures a workflow step to send a formatted message to a specific channel.","\u002Fexamples\u002Fapps\u002Fslack\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5abb0804-9d97-4b74-9236-ecb70665eb41.png","Untitled workflow | Workflow Builder  Nicelydoneclub - Slack from Slack","2024-10-01T09:53:06.000Z",[368,370],{"id":220,"label":221,"slug":222,"rank":49,"group":369},{"id":224,"label":225,"slug":226},{"id":228,"label":229,"slug":230,"rank":58,"group":371},{"id":60,"label":61,"slug":62},[373,374,375],{"id":84,"title":85,"slug":86},{"id":255,"title":256,"slug":257},{"id":92,"title":93,"slug":94},{"slug":377,"title":378,"logo":379,"baseline":380,"categories":381},"slack","Slack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslack-fd2f6962.png","Be less busy",[382,386,387],{"id":383,"title":384,"slug":385},23,"Collaboration","collaboration",{"id":355,"title":356,"slug":357},{"id":388,"title":389,"slug":390},82,"Communication","communication",{"uuid":392,"title":393,"description":394,"canonical_path":395,"image":396,"width":39,"height":397,"image_alt":398,"published_at":399,"kind":43,"patterns":400,"component_categories":408,"app":422},"84d67c1b-c921-43eb-8cb8-8cd60e0a1289","Connected Data Build on the most powerful data model | Airtable","Marketing feature page explaining Airtable's connected data model with alternating product visualizations, an interactive use-case accordion, and platform exploration cards.","\u002Fexamples\u002Fapps\u002Fairtable\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84d67c1b-c921-43eb-8cb8-8cd60e0a1289.png",11200,"Connected Data Build on the most powerful data model | Airtable from Airtable","2024-05-27T04:35:46.000Z",[401],{"id":402,"label":403,"slug":404,"rank":49,"group":405},138,"Feature Page","feature-page",{"id":55,"label":406,"slug":407},"Marketing Page Types","marketing-page-types",[409,413,417,421],{"id":410,"title":411,"slug":412},258,"Header","header",{"id":414,"title":415,"slug":416},168,"Accordion","accordion",{"id":418,"title":419,"slug":420},202,"Footer","footer",{"id":96,"title":97,"slug":98},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"airtable","Airtable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairtable-eeb25db2.png","Create, your way",[428,429,430,434],{"id":167,"title":168,"slug":169},{"id":383,"title":384,"slug":385},{"id":431,"title":432,"slug":433},96,"No code","no-code",{"id":206,"title":207,"slug":208},{"uuid":436,"title":437,"description":438,"canonical_path":439,"image":440,"width":39,"height":441,"image_alt":442,"published_at":443,"kind":43,"patterns":444,"component_categories":451,"app":457},"74fe0536-72b5-42f0-889e-c94c4ce8240e","30 Min Meeting | Event Type  Cal.com","Detail page where the user configures automation workflows for a specific 30-minute meeting event type.","\u002Fexamples\u002Fapps\u002Fcalcom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74fe0536-72b5-42f0-889e-c94c4ce8240e.png",1738,"30 Min Meeting | Event Type  Cal.com from Cal.com","2023-01-02T03:15:46.000Z",[445,447,449],{"id":220,"label":221,"slug":222,"rank":49,"group":446},{"id":224,"label":225,"slug":226},{"id":228,"label":229,"slug":230,"rank":58,"group":448},{"id":60,"label":61,"slug":62},{"id":146,"label":147,"slug":148,"rank":60,"group":450},{"id":51,"label":52,"slug":53},[452,453,454,455,456],{"id":152,"title":153,"slug":154},{"id":335,"title":336,"slug":337},{"id":255,"title":256,"slug":257},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":458,"title":459,"logo":460,"baseline":461,"categories":462},"calcom","Cal.com","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcalcom-v3k610aj.png","Open Scheduling Infrastructure",[463,467],{"id":464,"title":465,"slug":466},101,"Calendar","calendar",{"id":197,"title":198,"slug":199},[],[470,473,475,477,479,481,483,485,487,489,491,493,495,498,501,504,507,510,513,516,519],{"label":229,"to":471,"count":472},"\u002Fexamples\u002Fscreens\u002Fedit",4,{"label":147,"to":474,"count":68},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":221,"to":476,"count":68},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":73,"to":478,"count":60},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":47,"to":480,"count":60},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":137,"to":482,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":65,"to":484,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":132,"to":486,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":234,"to":488,"count":58},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":242,"to":490,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":56,"to":492,"count":58},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":142,"to":494,"count":58},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":496,"to":497},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":499,"to":500},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":502,"to":503},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":505,"to":506},"Vero design examples","\u002Fexamples\u002Fapps\u002Fvero",{"label":508,"to":509},"Qatalog design examples","\u002Fexamples\u002Fapps\u002Fqatalog",{"label":511,"to":512},"Intercom design examples","\u002Fexamples\u002Fapps\u002Fintercom",{"label":514,"to":515},"Slack design examples","\u002Fexamples\u002Fapps\u002Fslack",{"label":517,"to":518},"Airtable design examples","\u002Fexamples\u002Fapps\u002Fairtable",{"label":520,"to":521},"Cal.com design examples","\u002Fexamples\u002Fapps\u002Fcalcom",{"published_at":523,"updated_at":524},"2022-12-06T11:38:48.000Z","2026-09-05T20:20:05.189Z"]