[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fzapier":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":63,"showcases":64,"links":281,"dates":317},"\u002Fexamples\u002Fapps\u002Fzapier","detail","apps",true,{"title":9,"description":10,"og_image":11},"Zapier design examples - Nicelydone","Explore Zapier UI design examples. Connect Your Apps and Automate Workflows","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F981a8756-0944-49fd-b30d-2b6b5048cc69.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Zapier design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Zapier",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fzapier\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fzapier\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fzapier\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Zapier","zapier","Connect Your Apps and Automate Workflows","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","https:\u002F\u002Fzapier.com",[47,51,55,59],{"id":48,"title":49,"slug":50},37,"Developer APIs","developer-apis",{"id":52,"title":53,"slug":54},48,"Developer Tools","developer-tools",{"id":56,"title":57,"slug":58},80,"Artificial Intelligence","artificial-intelligence",{"id":60,"title":61,"slug":62},105,"Workflow Automation","workflow-automation",[],[65,272,275,278],{"family":66,"examples":67},"screens",[68,101,114,127,139,169,184,199,217,229,242,259],{"uuid":69,"title":70,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":99},"981a8756-0944-49fd-b30d-2b6b5048cc69","Login | Zapier","Sign-in screen where the user authenticates with Google, Facebook, Microsoft, SSO, or email, alongside a prompt to explore the Enterprise plan.",3024,1780,"Login | Zapier from Zapier","screen",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},4,"Sign In","sign-in",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87,91,95],{"id":88,"title":89,"slug":90},240,"Horizontal navigation","horizontal-navigation",{"id":92,"title":93,"slug":94},174,"Card","card",{"id":96,"title":97,"slug":98},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":70,"description":103,"canonical_path":29,"image":104,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":105,"component_categories":108,"app":112},"aef2471b-b342-4274-86af-102f8d93bfcb","Sign-in screen where the user authenticates with Google, Facebook, Microsoft, SSO, or email, alongside a prompt to explore the enterprise plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faef2471b-b342-4274-86af-102f8d93bfcb.png",[106],{"id":78,"label":79,"slug":80,"rank":81,"group":107},{"id":83,"label":84,"slug":85},[109,110,111],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":113},[],{"uuid":115,"title":70,"description":116,"canonical_path":29,"image":117,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":118,"component_categories":121,"app":125},"a6605f3a-8adc-4d43-a7b4-35bc7c289bbc","Sign-in screen where the user authenticates with Google, Facebook, Microsoft, SSO, or email, alongside a promotional message for Zapier Enterprise.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa6605f3a-8adc-4d43-a7b4-35bc7c289bbc.png",[119],{"id":78,"label":79,"slug":80,"rank":81,"group":120},{"id":83,"label":84,"slug":85},[122,123,124],{"id":88,"title":89,"slug":90},{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":70,"description":103,"canonical_path":29,"image":129,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":130,"component_categories":133,"app":137},"8a93389a-7269-441f-abfe-cbe498f5cacd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a93389a-7269-441f-abfe-cbe498f5cacd.png",[131],{"id":78,"label":79,"slug":80,"rank":81,"group":132},{"id":83,"label":84,"slug":85},[134,135,136],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":138},[],{"uuid":140,"title":70,"description":141,"canonical_path":29,"image":142,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":143,"component_categories":163,"app":167},"f40033d5-8e32-4f9b-9479-6f1726b6fff5","Sign-in screen where the user encounters an account-not-found error after entering their email, alongside options for OAuth and SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff40033d5-8e32-4f9b-9479-6f1726b6fff5.png",[144,146,154],{"id":78,"label":79,"slug":80,"rank":81,"group":145},{"id":83,"label":84,"slug":85},{"id":147,"label":148,"slug":149,"rank":83,"group":150},116,"Error","error",{"id":151,"label":152,"slug":153},12,"States & Feedback","states-and-feedback",{"id":155,"label":156,"slug":157,"rank":158,"group":159},103,"SSO","sso",2,{"id":160,"label":161,"slug":162},10,"Settings & Admin","settings-and-admin",[164,165,166],{"id":88,"title":89,"slug":90},{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":168},[],{"uuid":170,"title":70,"description":171,"canonical_path":29,"image":172,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":173,"component_categories":178,"app":182},"38b73c35-c44e-4c2b-bc2a-ecca79d7b5cd","Sign-in screen where the user is blocked by an invalid email error while attempting to authenticate, with alternative options for SSO and OAuth providers alongside a marketing cross-sell.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38b73c35-c44e-4c2b-bc2a-ecca79d7b5cd.png",[174,176],{"id":78,"label":79,"slug":80,"rank":81,"group":175},{"id":83,"label":84,"slug":85},{"id":147,"label":148,"slug":149,"rank":83,"group":177},{"id":151,"label":152,"slug":153},[179,180,181],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":70,"description":186,"canonical_path":29,"image":187,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":188,"component_categories":193,"app":197},"9bb6ba94-abf5-49eb-bec1-0211c2238bde","Sign-in screen where the user is presented with an error message after attempting to log in with an unrecognized email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bb6ba94-abf5-49eb-bec1-0211c2238bde.png",[189,191],{"id":78,"label":79,"slug":80,"rank":81,"group":190},{"id":83,"label":84,"slug":85},{"id":147,"label":148,"slug":149,"rank":83,"group":192},{"id":151,"label":152,"slug":153},[194,195,196],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":29,"image":203,"width":72,"height":73,"image_alt":204,"kind":75,"patterns":205,"component_categories":211,"app":215},"6228e58b-15a0-4ea5-89e2-2c676735811e","Sign up | Zapier","Signup screen where the user can create an account using Google OAuth or their work email, presented alongside product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6228e58b-15a0-4ea5-89e2-2c676735811e.png","Sign up | Zapier from Zapier",[206],{"id":207,"label":208,"slug":209,"rank":81,"group":210},5,"Sign Up","sign-up",{"id":83,"label":84,"slug":85},[212,213,214],{"id":88,"title":89,"slug":90},{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":216},[],{"uuid":218,"title":201,"description":219,"canonical_path":29,"image":220,"width":72,"height":73,"image_alt":204,"kind":75,"patterns":221,"component_categories":224,"app":227},"78a77a84-11bc-4ffc-a896-fec7697e57c3","Signup page where the user creates an account using Google or an email address, with a value proposition and logo wall displayed alongside the form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78a77a84-11bc-4ffc-a896-fec7697e57c3.png",[222],{"id":207,"label":208,"slug":209,"rank":81,"group":223},{"id":83,"label":84,"slug":85},[225,226],{"id":96,"title":97,"slug":98},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":201,"description":231,"canonical_path":29,"image":232,"width":72,"height":73,"image_alt":204,"kind":75,"patterns":233,"component_categories":236,"app":240},"b5d3b11d-70f4-4eed-9dcd-56ccd5b619bb","Signup page where the user can create an account using Google or work email, featuring product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5d3b11d-70f4-4eed-9dcd-56ccd5b619bb.png",[234],{"id":207,"label":208,"slug":209,"rank":81,"group":235},{"id":83,"label":84,"slug":85},[237,238,239],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":241},[],{"uuid":243,"title":201,"description":244,"canonical_path":29,"image":245,"width":72,"height":73,"image_alt":204,"kind":75,"patterns":246,"component_categories":253,"app":257},"67eeb57e-1a87-4759-9cc7-ffa200dc8193","Signup page where the user can create an account using Google or by entering their work email and name, alongside a list of product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67eeb57e-1a87-4759-9cc7-ffa200dc8193.png",[247,249],{"id":207,"label":208,"slug":209,"rank":81,"group":248},{"id":83,"label":84,"slug":85},{"id":83,"label":250,"slug":251,"rank":83,"group":252},"Account Setup","account-setup",{"id":83,"label":84,"slug":85},[254,255,256],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":258},[],{"uuid":260,"title":201,"description":261,"canonical_path":29,"image":262,"width":72,"height":73,"image_alt":204,"kind":75,"patterns":263,"component_categories":266,"app":270},"9bd1cab7-4963-43d3-8baf-fd1d5cf75d99","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.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bd1cab7-4963-43d3-8baf-fd1d5cf75d99.png",[264],{"id":207,"label":208,"slug":209,"rank":81,"group":265},{"id":83,"label":84,"slug":85},[267,268,269],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":271},[],{"family":273,"examples":274},"flows",[],{"family":276,"examples":277},"components",[],{"family":279,"examples":280},"pages",[],[282,284,286,288,290,293,296,299,301,305,309,313],{"label":283,"to":29},"Zapier product screens",{"label":285,"to":38},"Zapier marketing pages",{"label":287,"to":32},"Zapier user flows",{"label":289,"to":35},"Zapier UI components",{"label":291,"to":292},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":294,"to":295},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":297,"to":298},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":300,"to":18},"All SaaS app examples",{"label":302,"to":303,"description":304},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":306,"to":307,"description":308},"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":310,"to":311,"description":312},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":314,"to":315,"description":316},"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":318,"updated_at":319},"2016-06-21T15:30:24.000Z","2026-09-13T13:02:39.000Z"]