[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fzapier\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":207,"links":208,"dates":227},"\u002Fexamples\u002Fapps\u002Fzapier\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Zapier UI components examples - Nicelydone","Browse Zapier UI component design examples. Preview individual interface elements and explore related component categories. Connect Your Apps and Automate…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F49f412a3-9358-4c94-868c-22bb7651f242.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":23,"to":4},"Zapier UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Zapier UI component design examples. Preview individual interface elements and explore related component categories. Connect Your Apps and Automate Workflows",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Zapier","zapier","Connect Your Apps and Automate Workflows","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","https:\u002F\u002Fzapier.com",[36,40,44,48],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",{"id":49,"title":50,"slug":51},105,"Workflow Automation","workflow-automation",[53,68,81,94,107,119,132,145,158,171,184,197],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"4ddaaaed-038c-4bc6-af66-467850abc83d","Zapier UI component","A pricing page for an automation platform.",1951,1693,"UI component from Zapier","component",[62],{"id":63,"title":64,"slug":65},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"c635f3cb-80b1-4ed9-98a0-cbf72033a841","The screenshot displays a \"Zap History\" interface, likely from an automation or integration platform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ad33ff1-3823-411f-b388-b3fa2e368da6.png",2496,859,[75],{"id":76,"title":77,"slug":78},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"ee458bdc-9c00-42c0-97f5-f06ef56a1b17","The screenshot displays a date range picker with two calendars showing June and July 2025.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53cb2ce0-e28e-4b30-bbb6-4d0a8f695d7e.png",1922,1166,[88],{"id":89,"title":90,"slug":91},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"3ddeb18c-452a-4690-91e0-bed808dda316","The screenshot shows a user interface for managing agents within a pod, indicating that no agents have been added yet and providing an option to add one.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a526e55-3b07-47a7-87ba-25733c2796fd.png",2664,959,[101],{"id":102,"title":103,"slug":104},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":98,"height":111,"image_alt":59,"kind":60,"categories":112,"app":117},"3adfadd5-3eea-46db-b8bf-3a9de47bd407","Screenshot of a table displaying activity logs with status indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcc6919bf-7de4-497e-8611-f2a74eebbbd4.png",1138,[113],{"id":114,"title":115,"slug":116},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":118},[],{"uuid":120,"title":55,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":59,"kind":60,"categories":125,"app":130},"a2299412-b133-4ff5-afca-0afd71878f6b","The screenshot shows a conversation with an agent preview, detailing the execution of an 'Overdue Task Dependency Notifier' and an issue encountered while retrieving tasks from Asana due to premium feature restrictions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40633795-dedd-4827-a85b-70d19bddcb1c.png",1438,1810,[126],{"id":127,"title":128,"slug":129},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":55,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":59,"kind":60,"categories":138,"app":143},"af158b97-e739-48d4-b829-41aa4d261ced","A segmented control with two options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F300ca9b9-6e1a-4f91-b410-059b1a647267.png",584,207,[139],{"id":140,"title":141,"slug":142},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":55,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":59,"kind":60,"categories":151,"app":156},"61280df0-5750-4bd3-83c7-67eb0ed215b3","The image shows a landing page with a headline, a short description, and a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F701aabb6-6da2-4d7e-b81c-e4b084220415.png",1262,900,[152],{"id":153,"title":154,"slug":155},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":55,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":59,"kind":60,"categories":164,"app":169},"70f12d4a-2f8c-438d-a954-4cf2fccb175d","The screenshot shows a notification about an active free trial with a call to action to upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c8c1ad5-437c-469a-95eb-0985d9562e80.png",2480,456,[165],{"id":166,"title":167,"slug":168},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":55,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":59,"kind":60,"categories":177,"app":182},"5268f8ff-d26c-4d3f-abd2-84e201ba4021","This is a delete confirmation modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37b96ac9-5f35-45de-b62b-2bb4662c830b.png",1383,951,[178],{"id":179,"title":180,"slug":181},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":55,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":59,"kind":60,"categories":190,"app":195},"0a52f400-6c80-405e-9d1a-323e1974cd6b","The screenshot shows a modal window for importing a file, specifically a .csv file, into a system.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f0f61ef-ed34-46be-8bbd-03f2fc6b50c3.png",1513,1432,[191],{"id":192,"title":193,"slug":194},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":196},[],{"uuid":198,"title":55,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":59,"kind":60,"categories":203,"app":205},"6cdccab5-33d7-4321-bdf0-be1d413609d3","The screenshot shows a user interface with a dropdown menu, a create button, and an alert message indicating the user's table usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3a10ab3-3f01-45a0-84c3-72cecb3c5f6e.png",1984,476,[204],{"id":166,"title":167,"slug":168},{"slug":31,"title":30,"logo":33,"categories":206},[],[],[209,212,215,218,221,224],{"label":210,"to":211},"Zapier product screens","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens",{"label":213,"to":214},"Zapier marketing pages","\u002Fexamples\u002Fapps\u002Fzapier\u002Fmarketing",{"label":216,"to":217},"Zapier user flows","\u002Fexamples\u002Fapps\u002Fzapier\u002Fflows",{"label":219,"to":220},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":222,"to":223},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":225,"to":226},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":228,"updated_at":229},"2016-06-21T15:30:24.000Z","2026-09-13T13:02:39.000Z"]