[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplaid":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":354,"dates":392},"\u002Fexamples\u002Fapps\u002Fplaid","detail","apps",true,{"title":9,"description":10,"og_image":11},"Plaid design examples - Nicelydone","Explore Plaid UI design examples. Develop the future of financial services","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplaid_sign-in_91eff6a5_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Plaid design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Plaid",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplaid\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fplaid\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Plaid","plaid","Develop the future of financial services","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplaid-22c74553.png","https:\u002F\u002Fplaid.com",[41,45,49],{"id":42,"title":43,"slug":44},36,"Finance","finance",{"id":46,"title":47,"slug":48},37,"Developer APIs","developer-apis",{"id":50,"title":51,"slug":52},39,"Payments","payments",[],[55,351],{"family":56,"examples":57},"screens",[58,87,97,115,140,183,207,230,257,281,307,325],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":85},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81],{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":62,"height":63,"image_alt":92,"kind":65,"patterns":93,"component_categories":94,"app":95},"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":36,"title":35,"logo":38,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":29,"image":101,"width":62,"height":102,"image_alt":103,"kind":65,"patterns":104,"component_categories":110,"app":113},"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",[105],{"id":106,"label":107,"slug":108,"rank":71,"group":109},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[111,112],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":29,"image":119,"width":62,"height":120,"image_alt":121,"kind":65,"patterns":122,"component_categories":131,"app":138},"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",[123],{"id":124,"label":125,"slug":126,"rank":71,"group":127},74,"Onboarding Checklist","onboarding-checklist",{"id":128,"label":129,"slug":130},7,"Onboarding & Education","onboarding-and-education",[132,133,137],{"id":78,"title":79,"slug":80},{"id":134,"title":135,"slug":136},240,"Horizontal navigation","horizontal-navigation",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":29,"image":144,"width":62,"height":145,"image_alt":146,"kind":65,"patterns":147,"component_categories":170,"app":181},"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",[148,156,161],{"id":149,"label":150,"slug":151,"rank":71,"group":152},104,"Team Management","team-management",{"id":153,"label":154,"slug":155},10,"Settings & Admin","settings-and-admin",{"id":157,"label":158,"slug":159,"rank":73,"group":160},75,"Setup Wizard","setup-wizard",{"id":128,"label":129,"slug":130},{"id":162,"label":163,"slug":164,"rank":165,"group":166},115,"Empty State","empty-state",2,{"id":167,"label":168,"slug":169},12,"States & Feedback","states-and-feedback",[171,175,179,180],{"id":172,"title":173,"slug":174},227,"Stepper","stepper",{"id":176,"title":177,"slug":178},284,"Modal","modal",{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":182},[],{"uuid":184,"title":142,"description":185,"canonical_path":29,"image":186,"width":62,"height":145,"image_alt":146,"kind":65,"patterns":187,"component_categories":197,"app":205},"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",[188,190,195],{"id":149,"label":150,"slug":151,"rank":71,"group":189},{"id":153,"label":154,"slug":155},{"id":191,"label":192,"slug":193,"rank":73,"group":194},100,"Roles & Permissions","roles-and-permissions",{"id":153,"label":154,"slug":155},{"id":162,"label":163,"slug":164,"rank":165,"group":196},{"id":167,"label":168,"slug":169},[198,202,203,204],{"id":199,"title":200,"slug":201},260,"Badge","badge",{"id":176,"title":177,"slug":178},{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":29,"image":211,"width":62,"height":145,"image_alt":212,"kind":65,"patterns":213,"component_categories":223,"app":228},"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",[214,216],{"id":149,"label":150,"slug":151,"rank":71,"group":215},{"id":153,"label":154,"slug":155},{"id":217,"label":218,"slug":219,"rank":73,"group":220},11,"Edit","edit",{"id":165,"label":221,"slug":222},"Actions","actions",[224,225,226,227],{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":229},[],{"uuid":231,"title":232,"description":233,"canonical_path":29,"image":234,"width":62,"height":145,"image_alt":235,"kind":65,"patterns":236,"component_categories":247,"app":255},"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",[237,242],{"id":238,"label":239,"slug":240,"rank":71,"group":241},95,"API Keys","api-keys",{"id":153,"label":154,"slug":155},{"id":243,"label":244,"slug":245,"rank":73,"group":246},114,"Confirmation","confirmation",{"id":167,"label":168,"slug":169},[248,252,253,254],{"id":249,"title":250,"slug":251},167,"Alert","alert",{"id":176,"title":177,"slug":178},{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":29,"image":261,"width":62,"height":145,"image_alt":262,"kind":65,"patterns":263,"component_categories":276,"app":279},"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",[264,268],{"id":73,"label":265,"slug":266,"rank":71,"group":267},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},{"id":269,"label":270,"slug":271,"rank":73,"group":272},92,"Upgrade Prompt","upgrade-prompt",{"id":273,"label":274,"slug":275},9,"Plans & Limits","plans-and-limits",[277,278],{"id":176,"title":177,"slug":178},{"id":134,"title":135,"slug":136},{"slug":36,"title":35,"logo":38,"categories":280},[],{"uuid":282,"title":283,"description":284,"canonical_path":29,"image":285,"width":62,"height":63,"image_alt":286,"kind":65,"patterns":287,"component_categories":302,"app":305},"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",[288,290,295],{"id":162,"label":163,"slug":164,"rank":71,"group":289},{"id":167,"label":168,"slug":169},{"id":291,"label":292,"slug":293,"rank":73,"group":294},72,"Getting Started","getting-started",{"id":128,"label":129,"slug":130},{"id":296,"label":297,"slug":298,"rank":165,"group":299},41,"Dashboard","dashboard",{"id":68,"label":300,"slug":301},"Data & Analysis","data-and-analysis",[303,304],{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":306},[],{"uuid":308,"title":309,"description":310,"canonical_path":29,"image":311,"width":62,"height":312,"image_alt":313,"kind":65,"patterns":314,"component_categories":319,"app":323},"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",[315,317],{"id":124,"label":125,"slug":126,"rank":71,"group":316},{"id":128,"label":129,"slug":130},{"id":73,"label":265,"slug":266,"rank":73,"group":318},{"id":73,"label":74,"slug":75},[320,321,322],{"id":199,"title":200,"slug":201},{"id":78,"title":79,"slug":80},{"id":134,"title":135,"slug":136},{"slug":36,"title":35,"logo":38,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":29,"image":329,"width":62,"height":330,"image_alt":331,"kind":65,"patterns":332,"component_categories":345,"app":349},"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",[333,338,343],{"id":334,"label":335,"slug":336,"rank":71,"group":337},94,"Account Settings","account-settings",{"id":153,"label":154,"slug":155},{"id":339,"label":340,"slug":341,"rank":73,"group":342},42,"Form","form",{"id":68,"label":300,"slug":301},{"id":217,"label":218,"slug":219,"rank":165,"group":344},{"id":165,"label":221,"slug":222},[346,347,348],{"id":78,"title":79,"slug":80},{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":350},[],{"family":352,"examples":353},"pages",[],[355,357,359,362,365,368,371,374,376,380,384,388],{"label":356,"to":29},"Plaid product screens",{"label":358,"to":32},"Plaid marketing pages",{"label":360,"to":361},"Plaid user flows","\u002Fexamples\u002Fapps\u002Fplaid\u002Fflows",{"label":363,"to":364},"Plaid UI components","\u002Fexamples\u002Fapps\u002Fplaid\u002Fcomponents",{"label":366,"to":367},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":369,"to":370},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":372,"to":373},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":375,"to":18},"All SaaS app examples",{"label":377,"to":378,"description":379},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":381,"to":382,"description":383},"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":385,"to":386,"description":387},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":389,"to":390,"description":391},"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":393,"updated_at":394},"2017-02-23T08:00:00.000Z","2026-09-13T13:02:39.000Z"]