[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fapi-integrations":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":530,"links":531,"dates":591},"\u002Fexamples\u002Ftags\u002Fapi-integrations","collection","screens",true,{"example_count":9,"app_count":10},72,44,{"id":12,"title":13,"description":14},101281,"API Integrations","",{"title":16,"description":17,"og_image":18},"API Integrations screen examples - Nicelydone","API Integrations screen design examples from SaaS apps. Browse examples from Zaro, Appwrite, HeyGen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24dad5dc-368c-49eb-8216-532be94fd6db.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"API Integrations screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"72 screens",[34,112,159,188,215,259,309,339,398,431,463,496],{"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":69,"app":90},"24dad5dc-368c-49eb-8216-532be94fd6db","Zaro - The Context Layer for Enterprise AI","Settings page where the user manages active connections like Google Drive and browses a directory to add new integrations like Atlassian, Asana, or Figma.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens",3024,1758,"Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z","screen",[45,54,63],{"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},79,"Browse","browse",1,{"id":60,"label":61,"slug":62},8,"Pages & Content","pages-and-content",{"id":64,"label":65,"slug":66,"rank":67,"group":68},102,"Settings","settings",2,{"id":51,"label":52,"slug":53},[70,74,78,82,86],{"id":71,"title":72,"slug":73},177,"Breadcrumb","breadcrumb",{"id":75,"title":76,"slug":77},260,"Badge","badge",{"id":79,"title":80,"slug":81},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},174,"Card","card",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":91,"title":92,"logo":93,"baseline":94,"categories":95},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[96,100,104,108],{"id":97,"title":98,"slug":99},23,"Collaboration","collaboration",{"id":101,"title":102,"slug":103},80,"Artificial Intelligence","artificial-intelligence",{"id":105,"title":106,"slug":107},22,"Knowledge Management","knowledge-management",{"id":109,"title":110,"slug":111},46,"Analytics","analytics",{"uuid":113,"title":114,"description":115,"canonical_path":116,"image":117,"width":39,"height":118,"image_alt":119,"published_at":120,"kind":43,"patterns":121,"component_categories":130,"app":141},"00b4fa3d-e9bd-4f18-9865-7335e5d6290b","Integrations - Appwrite","Feature page where the user browses and searches for third-party apps to connect with their Appwrite projects, categorized by AI, deployments, messaging, and more.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F00b4fa3d-e9bd-4f18-9865-7335e5d6290b.png",16666,"Integrations - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[122],{"id":123,"label":124,"slug":125,"rank":49,"group":126},142,"Integration Page","integration-page",{"id":127,"label":128,"slug":129},15,"Marketing Page Types","marketing-page-types",[131,135,139,140],{"id":132,"title":133,"slug":134},258,"Header","header",{"id":136,"title":137,"slug":138},202,"Footer","footer",{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":142,"title":143,"logo":144,"baseline":145,"categories":146},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[147,151,155],{"id":148,"title":149,"slug":150},48,"Developer Tools","developer-tools",{"id":152,"title":153,"slug":154},37,"Developer APIs","developer-apis",{"id":156,"title":157,"slug":158},45,"Open Source","open-source",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":39,"height":40,"image_alt":165,"published_at":166,"kind":43,"patterns":167,"component_categories":172,"app":177},"b219ce07-5618-4b03-8b64-c688e7965f6c","HeyGen - Avatar","Settings page where the user can connect their workspace to third-party integrations like Slack, YouTube, and LinkedIn.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb219ce07-5618-4b03-8b64-c688e7965f6c.png","HeyGen - Avatar from HeyGen","2026-06-29T18:29:44.000Z",[168,170],{"id":46,"label":47,"slug":48,"rank":49,"group":169},{"id":51,"label":52,"slug":53},{"id":64,"label":65,"slug":66,"rank":58,"group":171},{"id":51,"label":52,"slug":53},[173,174,175,176],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":178,"title":179,"logo":180,"baseline":181,"categories":182},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[183,187],{"id":184,"title":185,"slug":186},100,"Video","video",{"id":101,"title":102,"slug":103},{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":39,"height":194,"image_alt":195,"published_at":196,"kind":43,"patterns":197,"component_categories":200,"app":204},"10a69077-f65a-4c93-a6f2-4f82bc10e1c4","Chatwoot","Settings page where the user can manage webhooks, currently showing an empty state with a prompt to add a new webhook.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10a69077-f65a-4c93-a6f2-4f82bc10e1c4.png",1776,"Chatwoot from Chatwoot","2026-04-06T18:15:20.000Z",[198],{"id":46,"label":47,"slug":48,"rank":49,"group":199},{"id":51,"label":52,"slug":53},[201,202,203],{"id":79,"title":80,"slug":81},{"id":71,"title":72,"slug":73},{"id":87,"title":88,"slug":89},{"slug":205,"title":190,"logo":206,"baseline":207,"categories":208},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[209,210,211],{"id":105,"title":106,"slug":107},{"id":156,"title":157,"slug":158},{"id":212,"title":213,"slug":214},47,"Customer Service","customer-service",{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":39,"height":221,"image_alt":222,"published_at":223,"kind":43,"patterns":224,"component_categories":230,"app":236},"0ee11c45-b68c-4815-8f4c-60dedfe2ef11","Webhooks | Bird","Settings page where the user configures a new webhook by providing an endpoint URL, signing key, and selecting the triggering service and event.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ee11c45-b68c-4815-8f4c-60dedfe2ef11.png",1780,"Webhooks | Bird from Bird","2026-03-30T13:53:59.000Z",[225],{"id":226,"label":227,"slug":228,"rank":49,"group":229},105,"Webhooks","webhooks",{"id":51,"label":52,"slug":53},[231,235],{"id":232,"title":233,"slug":234},284,"Modal","modal",{"id":87,"title":88,"slug":89},{"slug":237,"title":238,"logo":239,"baseline":240,"categories":241},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[242,246,247,251,255],{"id":243,"title":244,"slug":245},25,"Marketing","marketing",{"id":152,"title":153,"slug":154},{"id":248,"title":249,"slug":250},53,"CRM","crm",{"id":252,"title":253,"slug":254},68,"SMS","sms",{"id":256,"title":257,"slug":258},92,"Email","email",{"uuid":260,"title":261,"description":262,"canonical_path":263,"image":264,"width":39,"height":221,"image_alt":265,"published_at":266,"kind":43,"patterns":267,"component_categories":285,"app":292},"a9072c50-3db3-4500-8fc6-ab4e778efd78","Dashboard | Whop","Settings page where the user configures webhooks to get notified when specific events happen, currently showing an empty state.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9072c50-3db3-4500-8fc6-ab4e778efd78.png","Dashboard | Whop from Whop","2026-02-16T13:59:46.000Z",[268,270,278],{"id":226,"label":227,"slug":228,"rank":49,"group":269},{"id":51,"label":52,"slug":53},{"id":271,"label":272,"slug":273,"rank":58,"group":274},115,"Empty State","empty-state",{"id":275,"label":276,"slug":277},12,"States & Feedback","states-and-feedback",{"id":212,"label":279,"slug":280,"rank":67,"group":281},"Table","table",{"id":282,"label":283,"slug":284},4,"Data & Analysis","data-and-analysis",[286,290,291],{"id":287,"title":288,"slug":289},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},{"id":71,"title":72,"slug":73},{"slug":293,"title":294,"logo":295,"baseline":296,"categories":297},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[298,301,305],{"id":58,"title":299,"slug":300},"Communities","communities",{"id":302,"title":303,"slug":304},18,"Marketplace","marketplace",{"id":306,"title":307,"slug":308},39,"Payments","payments",{"uuid":310,"title":311,"description":312,"canonical_path":313,"image":314,"width":39,"height":221,"image_alt":315,"published_at":316,"kind":43,"patterns":317,"component_categories":320,"app":329},"834e1cf7-9ae2-4215-abfe-e2270a101682","nicelydone-trial-5676070 - API Service Integrations","Settings page where the admin manages authorized API service integrations and can add new ones.","\u002Fexamples\u002Fapps\u002Fokta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F834e1cf7-9ae2-4215-abfe-e2270a101682.png","nicelydone-trial-5676070 - API Service Integrations from Okta","2026-01-12T12:46:04.000Z",[318],{"id":46,"label":47,"slug":48,"rank":49,"group":319},{"id":51,"label":52,"slug":53},[321,325,326,327,328],{"id":322,"title":323,"slug":324},168,"Accordion","accordion",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":330,"title":331,"logo":332,"baseline":333,"categories":334},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[335],{"id":336,"title":337,"slug":338},78,"Security","security",{"uuid":340,"title":341,"description":342,"canonical_path":343,"image":344,"width":39,"height":221,"image_alt":345,"published_at":346,"kind":43,"patterns":347,"component_categories":370,"app":380},"0e76443b-40f1-42cb-bd83-da1aa7885d5c","Gumloop | Automation Builder","Design editor where the user builds an automation pipeline by dragging integration triggers and readers onto a dot-grid canvas.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e76443b-40f1-42cb-bd83-da1aa7885d5c.png","Gumloop | Automation Builder from Gumloop","2025-12-15T13:33:51.000Z",[348,356,362],{"id":349,"label":350,"slug":351,"rank":49,"group":352},129,"Workflow Builder","workflow-builder",{"id":353,"label":354,"slug":355},13,"Workflow & Automation","workflow-and-automation",{"id":51,"label":357,"slug":358,"rank":58,"group":359},"Drag & Drop","drag-and-drop",{"id":67,"label":360,"slug":361},"Actions","actions",{"id":363,"label":364,"slug":365,"rank":67,"group":366},27,"AI Assistant","ai-assistant",{"id":367,"label":368,"slug":369},3,"AI","ai",[371,375,379],{"id":372,"title":373,"slug":374},240,"Horizontal navigation","horizontal-navigation",{"id":376,"title":377,"slug":378},277,"Button group","button-group",{"id":87,"title":88,"slug":89},{"slug":381,"title":382,"logo":383,"baseline":384,"categories":385},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[386,390,391,395],{"id":387,"title":388,"slug":389},30,"Productivity","productivity",{"id":101,"title":102,"slug":103},{"id":392,"title":393,"slug":394},96,"No code","no-code",{"id":226,"title":396,"slug":397},"Workflow Automation","workflow-automation",{"uuid":399,"title":400,"description":401,"canonical_path":402,"image":403,"width":39,"height":221,"image_alt":404,"published_at":405,"kind":43,"patterns":406,"component_categories":411,"app":416},"bf6baa1b-a9cf-424b-b306-cb882b2c9d6f","Nicelydone | Gather","Settings modal where the user creates a new webhook by providing a name, URL, and selecting events to subscribe to.","\u002Fexamples\u002Fapps\u002Fgather\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf6baa1b-a9cf-424b-b306-cb882b2c9d6f.png","Nicelydone | Gather from Gather","2025-12-01T12:56:43.000Z",[407,409],{"id":226,"label":227,"slug":228,"rank":49,"group":408},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":410},{"id":51,"label":52,"slug":53},[412,413,414,415],{"id":232,"title":233,"slug":234},{"id":79,"title":80,"slug":81},{"id":75,"title":76,"slug":77},{"id":87,"title":88,"slug":89},{"slug":417,"title":418,"logo":419,"baseline":420,"categories":421},"gather","Gather","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1eb4004c-e6ed-4f6c-bc14-37588eaa306c.png","People + knowledge. All in one place",[422,423,427],{"id":97,"title":98,"slug":99},{"id":424,"title":425,"slug":426},82,"Communication","communication",{"id":428,"title":429,"slug":430},89,"Remote","remote",{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":39,"height":221,"image_alt":437,"published_at":438,"kind":43,"patterns":439,"component_categories":444,"app":448},"e57f33db-dae3-44f8-8121-5593b03d62ca","Nicelydone Club | Settings | Webhooks","Settings page where the user configures webhooks to notify their server about room events, currently showing an empty state.","\u002Fexamples\u002Fapps\u002Flivekit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe57f33db-dae3-44f8-8121-5593b03d62ca.png","Nicelydone Club | Settings | Webhooks from Livekit","2025-11-24T14:08:38.000Z",[440,442],{"id":226,"label":227,"slug":228,"rank":49,"group":441},{"id":51,"label":52,"slug":53},{"id":271,"label":272,"slug":273,"rank":58,"group":443},{"id":275,"label":276,"slug":277},[445,446,447],{"id":71,"title":72,"slug":73},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":449,"title":450,"logo":451,"baseline":452,"categories":453},"livekit","Livekit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe61f12ad-e18b-4b1e-91fb-39d0e1ce98ce.png","Build voice, video, and physical AI",[454,455,456,457,458,462],{"id":101,"title":102,"slug":103},{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":148,"title":149,"slug":150},{"id":459,"title":460,"slug":461},70,"Video streaming","video-streaming",{"id":184,"title":185,"slug":186},{"uuid":464,"title":465,"description":466,"canonical_path":467,"image":468,"width":39,"height":221,"image_alt":469,"published_at":470,"kind":43,"patterns":471,"component_categories":484,"app":489},"b329c4c0-50c1-457e-b8ed-a7e1c89cbba8","Attio","Settings page where the user configures webhooks and webhook events, showing an active webhook endpoint with an open context menu to edit or delete it.","\u002Fexamples\u002Fapps\u002Fattio\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb329c4c0-50c1-457e-b8ed-a7e1c89cbba8.png","Attio from Attio","2025-11-17T19:51:50.000Z",[472,474,479],{"id":226,"label":227,"slug":228,"rank":49,"group":473},{"id":51,"label":52,"slug":53},{"id":475,"label":476,"slug":477,"rank":58,"group":478},11,"Edit","edit",{"id":67,"label":360,"slug":361},{"id":480,"label":481,"slug":482,"rank":67,"group":483},9,"Delete","delete",{"id":67,"label":360,"slug":361},[485,486,487,488],{"id":287,"title":288,"slug":289},{"id":71,"title":72,"slug":73},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":490,"title":465,"logo":491,"baseline":492,"categories":493},"attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[494,495],{"id":248,"title":249,"slug":250},{"id":101,"title":102,"slug":103},{"uuid":497,"title":498,"description":499,"canonical_path":500,"image":501,"width":39,"height":502,"image_alt":503,"published_at":504,"kind":43,"patterns":505,"component_categories":511,"app":519},"3221a31a-a3b0-4ed8-8193-ce9eeae36409","Integrations - Loops","Help center article where the user browses available integrations categorized by featured, managing contacts, sending emails, and creating templates.","\u002Fexamples\u002Fapps\u002Floops\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3221a31a-a3b0-4ed8-8193-ce9eeae36409.png",7976,"Integrations - Loops from Loops","2025-10-27T15:44:02.000Z",[506],{"id":507,"label":508,"slug":509,"rank":49,"group":510},179,"Help Center","help-center",{"id":127,"label":128,"slug":129},[512,516,517,518],{"id":513,"title":514,"slug":515},211,"Pagination","pagination",{"id":322,"title":323,"slug":324},{"id":376,"title":377,"slug":378},{"id":83,"title":84,"slug":85},{"slug":520,"title":521,"logo":522,"baseline":523,"categories":524},"loops","Loops","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","The email platform for modern SaaS",[525,526,529],{"id":256,"title":257,"slug":258},{"id":363,"title":527,"slug":528},"Email Newsletters","email-newsletters",{"id":243,"title":244,"slug":245},[],[532,535,537,539,541,543,545,547,549,551,553,555,558,561,564,567,570,573,576,579,582,585,588],{"label":47,"to":533,"count":534},"\u002Fexamples\u002Fscreens\u002Fintegrations",5,{"label":227,"to":536,"count":534},"\u002Fexamples\u002Fscreens\u002Fwebhooks",{"label":272,"to":538,"count":67},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":65,"to":540,"count":67},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":364,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":56,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":481,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":357,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":476,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":279,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":350,"to":554,"count":58},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":556,"to":557},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":559,"to":560},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":562,"to":563},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":565,"to":566},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":568,"to":569},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":571,"to":572},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":574,"to":575},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":577,"to":578},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":580,"to":581},"Gather design examples","\u002Fexamples\u002Fapps\u002Fgather",{"label":583,"to":584},"Livekit design examples","\u002Fexamples\u002Fapps\u002Flivekit",{"label":586,"to":587},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":589,"to":590},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"published_at":592,"updated_at":593},"2025-01-06T22:17:08.000Z","2026-09-05T20:20:18.398Z"]