[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplaid\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":341,"links":342,"dates":403},"\u002Fexamples\u002Fapps\u002Fplaid\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Plaid product screens examples - Nicelydone","Browse Plaid screen design examples. Preview the interface screenshots and explore related UI patterns. Develop the future of financial services","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_sign-in_91eff6a5_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Plaid design examples","\u002Fexamples\u002Fapps\u002Fplaid",{"label":23,"to":4},"Plaid product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Plaid","plaid","Develop the future of financial services","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplaid-22c74553.png","https:\u002F\u002Fplaid.com",[35,39,43],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},39,"Payments","payments",[48,77,87,105,130,173,197,220,247,271,297,315],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"9b9e57fb-919a-4c75-a34f-f3ea1249fb7a","Sign in","Sign-in screen where the user authenticates with their email and password or navigates to create a new account.",2880,1526,"Sign in from Plaid","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":84,"app":85},"ecd7b265-4ee5-47dd-8438-a75a89e6be46","Password reset","Authentication Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_password-reset_373f6d6f_nicelydone.jpg","Password reset from Plaid",[],[],{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":52,"height":92,"image_alt":93,"kind":55,"patterns":94,"component_categories":100,"app":103},"0a05e025-ef5a-45ae-ba3b-b9419dc91dfc","Sign up","Signup page where the user creates a new account by entering their name, email, password, and company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_sign-up_08953877_nicelydone.jpg",1578,"Sign up from Plaid",[95],{"id":96,"label":97,"slug":98,"rank":61,"group":99},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[101,102],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":52,"height":110,"image_alt":111,"kind":55,"patterns":112,"component_categories":121,"app":128},"4b70b1c9-b2d9-433e-ba50-68fbeea10413","Onboarding","Onboarding screen where a new user is guided through a four-step setup checklist, currently prompting them to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_onboarding_afc52e32_nicelydone.jpg",1636,"Onboarding from Plaid",[113],{"id":114,"label":115,"slug":116,"rank":61,"group":117},74,"Onboarding Checklist","onboarding-checklist",{"id":118,"label":119,"slug":120},7,"Onboarding & Education","onboarding-and-education",[122,123,127],{"id":68,"title":69,"slug":70},{"id":124,"title":125,"slug":126},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":52,"height":135,"image_alt":136,"kind":55,"patterns":137,"component_categories":160,"app":171},"40e733ea-57ec-4f7c-bf79-790bb8302235","Invite teamates","Onboarding step where the user invites teammates by entering their name and email, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_invite-teamates_a5bda843_nicelydone.jpg",1632,"Invite teamates from Plaid",[138,146,151],{"id":139,"label":140,"slug":141,"rank":61,"group":142},104,"Team Management","team-management",{"id":143,"label":144,"slug":145},10,"Settings & Admin","settings-and-admin",{"id":147,"label":148,"slug":149,"rank":63,"group":150},75,"Setup Wizard","setup-wizard",{"id":118,"label":119,"slug":120},{"id":152,"label":153,"slug":154,"rank":155,"group":156},115,"Empty State","empty-state",2,{"id":157,"label":158,"slug":159},12,"States & Feedback","states-and-feedback",[161,165,169,170],{"id":162,"title":163,"slug":164},227,"Stepper","stepper",{"id":166,"title":167,"slug":168},284,"Modal","modal",{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":132,"description":175,"canonical_path":4,"image":176,"width":52,"height":135,"image_alt":136,"kind":55,"patterns":177,"component_categories":187,"app":195},"42b59388-af55-453c-bc14-d44c7aab5b2e","Onboarding step where the user sets Admin, Keys, and Support permissions to invite a new teammate, featuring an empty state for the pending roster.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_invite-teamates-2_b84e2ced_nicelydone.jpg",[178,180,185],{"id":139,"label":140,"slug":141,"rank":61,"group":179},{"id":143,"label":144,"slug":145},{"id":181,"label":182,"slug":183,"rank":63,"group":184},100,"Roles & Permissions","roles-and-permissions",{"id":143,"label":144,"slug":145},{"id":152,"label":153,"slug":154,"rank":155,"group":186},{"id":157,"label":158,"slug":159},[188,192,193,194],{"id":189,"title":190,"slug":191},260,"Badge","badge",{"id":166,"title":167,"slug":168},{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":4,"image":201,"width":52,"height":135,"image_alt":202,"kind":55,"patterns":203,"component_categories":213,"app":218},"eaeb84f5-d2ff-4e5b-9e8f-948a408b775a","Team","Onboarding step where the user invites teammates by entering their name and email, with a list of already added members and options to skip or finish the step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_team_d8bba940_nicelydone.jpg","Team from Plaid",[204,206],{"id":139,"label":140,"slug":141,"rank":61,"group":205},{"id":143,"label":144,"slug":145},{"id":207,"label":208,"slug":209,"rank":63,"group":210},11,"Edit","edit",{"id":155,"label":211,"slug":212},"Actions","actions",[214,215,216,217],{"id":162,"title":163,"slug":164},{"id":166,"title":167,"slug":168},{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":222,"description":223,"canonical_path":4,"image":224,"width":52,"height":135,"image_alt":225,"kind":55,"patterns":226,"component_categories":237,"app":245},"fd99785e-0571-4d44-b1f5-825e6cc9252c","API Configuration","Onboarding modal where the user views their API keys to send their first request and accesses getting started resources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_api-configuration_fa6e53e7_nicelydone.jpg","API Configuration from Plaid",[227,232],{"id":228,"label":229,"slug":230,"rank":61,"group":231},95,"API Keys","api-keys",{"id":143,"label":144,"slug":145},{"id":233,"label":234,"slug":235,"rank":63,"group":236},114,"Confirmation","confirmation",{"id":157,"label":158,"slug":159},[238,242,243,244],{"id":239,"title":240,"slug":241},167,"Alert","alert",{"id":166,"title":167,"slug":168},{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":249,"description":250,"canonical_path":4,"image":251,"width":52,"height":135,"image_alt":252,"kind":55,"patterns":253,"component_categories":266,"app":269},"297f8168-72a9-4b48-b60e-a2955472df55","Upgrade your account","Modal where the user fills out personal and company information to upgrade their account to the production environment and remove limits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_upgrade-your-account_fbf48487_nicelydone.jpg","Upgrade your account from Plaid",[254,258],{"id":63,"label":255,"slug":256,"rank":61,"group":257},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},{"id":259,"label":260,"slug":261,"rank":63,"group":262},92,"Upgrade Prompt","upgrade-prompt",{"id":263,"label":264,"slug":265},9,"Plans & Limits","plans-and-limits",[267,268],{"id":166,"title":167,"slug":168},{"id":124,"title":125,"slug":126},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":273,"description":274,"canonical_path":4,"image":275,"width":52,"height":53,"image_alt":276,"kind":55,"patterns":277,"component_categories":292,"app":295},"74bd95a6-855a-472f-9fed-b4a550b76e64","Empty state","Dashboard usage tab showing an empty state prompting the user to send their first API request via the Quickstart Guide.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_empty-state_1f7273a9_nicelydone.jpg","Empty state from Plaid",[278,280,285],{"id":152,"label":153,"slug":154,"rank":61,"group":279},{"id":157,"label":158,"slug":159},{"id":281,"label":282,"slug":283,"rank":63,"group":284},72,"Getting Started","getting-started",{"id":118,"label":119,"slug":120},{"id":286,"label":287,"slug":288,"rank":155,"group":289},41,"Dashboard","dashboard",{"id":58,"label":290,"slug":291},"Data & Analysis","data-and-analysis",[293,294],{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":296},[],{"uuid":298,"title":299,"description":300,"canonical_path":4,"image":301,"width":52,"height":302,"image_alt":303,"kind":55,"patterns":304,"component_categories":309,"app":313},"e77de037-5147-4e56-9195-5dbd7fe1800a","Dropdown","Dashboard showing a four-step onboarding checklist to start using bank data, with the account menu open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_dropdown_6d745abd_nicelydone.jpg",1520,"Dropdown from Plaid",[305,307],{"id":114,"label":115,"slug":116,"rank":61,"group":306},{"id":118,"label":119,"slug":120},{"id":63,"label":255,"slug":256,"rank":63,"group":308},{"id":63,"label":64,"slug":65},[310,311,312],{"id":189,"title":190,"slug":191},{"id":68,"title":69,"slug":70},{"id":124,"title":125,"slug":126},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":317,"description":318,"canonical_path":4,"image":319,"width":52,"height":320,"image_alt":321,"kind":55,"patterns":322,"component_categories":335,"app":339},"d353da29-ceba-41e4-96dc-3b9366b88e9b","Settings","Settings page where the user updates their personal, company, billing, and technical contact information.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_settings_a1e4fed9_nicelydone.jpg",2922,"Settings from Plaid",[323,328,333],{"id":324,"label":325,"slug":326,"rank":61,"group":327},94,"Account Settings","account-settings",{"id":143,"label":144,"slug":145},{"id":329,"label":330,"slug":331,"rank":63,"group":332},42,"Form","form",{"id":58,"label":290,"slug":291},{"id":207,"label":208,"slug":209,"rank":155,"group":334},{"id":155,"label":211,"slug":212},[336,337,338],{"id":68,"title":69,"slug":70},{"id":124,"title":125,"slug":126},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":340},[],[],[343,345,347,349,351,353,355,357,359,361,363,365,367,370,373,376,379,382,385,387,391,395,399],{"label":153,"to":344},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":140,"to":346},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":255,"to":348},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":208,"to":350},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":115,"to":352},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":325,"to":354},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":229,"to":356},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":234,"to":358},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":287,"to":360},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":330,"to":362},"\u002Fexamples\u002Fscreens\u002Fform",{"label":282,"to":364},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":182,"to":366},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":368,"to":369},"Plaid marketing pages","\u002Fexamples\u002Fapps\u002Fplaid\u002Fmarketing",{"label":371,"to":372},"Plaid user flows","\u002Fexamples\u002Fapps\u002Fplaid\u002Fflows",{"label":374,"to":375},"Plaid UI components","\u002Fexamples\u002Fapps\u002Fplaid\u002Fcomponents",{"label":377,"to":378},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":380,"to":381},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":383,"to":384},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":386,"to":18},"All SaaS app examples",{"label":388,"to":389,"description":390},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":392,"to":393,"description":394},"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":396,"to":397,"description":398},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":400,"to":401,"description":402},"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":404,"updated_at":405},"2017-02-23T08:00:00.000Z","2026-09-13T13:02:39.000Z"]