[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstripe":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":325,"dates":361},"\u002Fexamples\u002Fapps\u002Fstripe","detail","apps",true,{"title":9,"description":10,"og_image":11},"Stripe design examples - Nicelydone","Explore Stripe UI design examples. Payments infrastructure for the internet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F282cb463-8e1f-48fb-9be5-364bd3a6da72.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Stripe design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Stripe",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fstripe\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fstripe\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fstripe\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fstripe\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Stripe","stripe","Payments infrastructure for the internet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png","https:\u002F\u002Fstripe.com",[47,51,55],{"id":48,"title":49,"slug":50},36,"Finance","finance",{"id":52,"title":53,"slug":54},37,"Developer APIs","developer-apis",{"id":56,"title":57,"slug":58},39,"Payments","payments",[],[61,316,319,322],{"family":62,"examples":63},"screens",[64,97,125,140,160,178,189,201,212,253,274,299],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":95},"282cb463-8e1f-48fb-9be5-364bd3a6da72","Stripe Login | Sign in to the Stripe Dashboard","Sign-in screen where the user authenticates with email and password, passkey, or SSO.",3024,1906,"Stripe Login | Sign in to the Stripe Dashboard from Stripe","screen",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},4,"Sign In","sign-in",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83,87,91],{"id":84,"title":85,"slug":86},167,"Alert","alert",{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":66,"description":99,"canonical_path":29,"image":100,"width":68,"height":101,"image_alt":70,"kind":71,"patterns":102,"component_categories":108,"app":123},"b64513bb-1160-4ef2-8074-3ca192a79cd5","Password recovery screen where the user enters their email address to receive a reset link, featuring a security tip about backup codes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb64513bb-1160-4ef2-8074-3ca192a79cd5.png",1658,[103],{"id":104,"label":105,"slug":106,"rank":77,"group":107},2,"Forgot Password","forgot-password",{"id":79,"label":80,"slug":81},[109,113,117,121,122],{"id":110,"title":111,"slug":112},277,"Button group","button-group",{"id":114,"title":115,"slug":116},240,"Horizontal navigation","horizontal-navigation",{"id":118,"title":119,"slug":120},260,"Badge","badge",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":124},[],{"uuid":126,"title":66,"description":127,"canonical_path":29,"image":128,"width":68,"height":101,"image_alt":70,"kind":71,"patterns":129,"component_categories":132,"app":138},"1ecb0736-97ba-4f6c-9254-19cac60b25c6","Password recovery screen where the user enters their email address to receive a reset link, featuring a security tip about backup codes below the main card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ecb0736-97ba-4f6c-9254-19cac60b25c6.png",[130],{"id":104,"label":105,"slug":106,"rank":77,"group":131},{"id":79,"label":80,"slug":81},[133,134,135,136,137],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":66,"description":142,"canonical_path":29,"image":143,"width":68,"height":101,"image_alt":70,"kind":71,"patterns":144,"component_categories":155,"app":158},"7ed40574-01e2-4f89-89f4-f6267cd1a943","Password recovery screen confirming an email has been sent with instructions to reset the user's password, offering options to resend or try a different address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ed40574-01e2-4f89-89f4-f6267cd1a943.png",[145,147],{"id":104,"label":105,"slug":106,"rank":77,"group":146},{"id":79,"label":80,"slug":81},{"id":148,"label":149,"slug":150,"rank":79,"group":151},122,"Success","success",{"id":152,"label":153,"slug":154},12,"States & Feedback","states-and-feedback",[156,157],{"id":114,"title":115,"slug":116},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":29,"image":164,"width":68,"height":165,"image_alt":166,"kind":71,"patterns":167,"component_categories":173,"app":176},"ffb21141-a5cc-4943-8316-164800f82fc3","Sign Up and Create a Stripe Account | Stripe","Signup page where the user creates a new Stripe account by providing their email, name, country, and password alongside a list of platform benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fffb21141-a5cc-4943-8316-164800f82fc3.png",1770,"Sign Up and Create a Stripe Account | Stripe from Stripe",[168],{"id":169,"label":170,"slug":171,"rank":77,"group":172},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},[174,175],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":177},[],{"uuid":179,"title":162,"description":180,"canonical_path":29,"image":181,"width":68,"height":101,"image_alt":166,"kind":71,"patterns":182,"component_categories":185,"app":187},"395d3418-1b27-4207-9663-d9de05e64a5e","Signup screen where the user creates a new Stripe account by providing their email, name, country, and password, featuring an inline typo correction suggestion for the email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F395d3418-1b27-4207-9663-d9de05e64a5e.png",[183],{"id":169,"label":170,"slug":171,"rank":77,"group":184},{"id":79,"label":80,"slug":81},[186],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":188},[],{"uuid":190,"title":162,"description":191,"canonical_path":29,"image":192,"width":68,"height":165,"image_alt":166,"kind":71,"patterns":193,"component_categories":196,"app":199},"b578263f-e62c-47be-be12-aba768368903","Signup page where the user creates an account by providing their email, name, country, and a secure password alongside a value proposition list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb578263f-e62c-47be-be12-aba768368903.png",[194],{"id":169,"label":170,"slug":171,"rank":77,"group":195},{"id":79,"label":80,"slug":81},[197,198],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":200},[],{"uuid":202,"title":162,"description":203,"canonical_path":29,"image":204,"width":68,"height":101,"image_alt":166,"kind":71,"patterns":205,"component_categories":208,"app":210},"2e81296b-f52c-4fc6-b2e2-bdc5ef67697d","Signup screen where the user enters their email, name, country, and password to create a new account, featuring inline email typo correction and password strength validation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e81296b-f52c-4fc6-b2e2-bdc5ef67697d.png",[206],{"id":169,"label":170,"slug":171,"rank":77,"group":207},{"id":79,"label":80,"slug":81},[209],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":29,"image":216,"width":68,"height":217,"image_alt":218,"kind":71,"patterns":219,"component_categories":246,"app":251},"50ecb14a-955f-4369-ba7b-de0cfdb69d60","Home – New Business – Stripe [Test]","Dashboard home screen where the user views high-level payment volume metrics, manages test API keys, and accesses onboarding tasks like creating a payment link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50ecb14a-955f-4369-ba7b-de0cfdb69d60.png",4242,"Home – New Business – Stripe [Test] from Stripe",[220,227,235,240],{"id":221,"label":222,"slug":223,"rank":77,"group":224},41,"Dashboard","dashboard",{"id":74,"label":225,"slug":226},"Data & Analysis","data-and-analysis",{"id":228,"label":229,"slug":230,"rank":79,"group":231},74,"Onboarding Checklist","onboarding-checklist",{"id":232,"label":233,"slug":234},7,"Onboarding & Education","onboarding-and-education",{"id":236,"label":237,"slug":238,"rank":104,"group":239},46,"Stats","stats",{"id":74,"label":225,"slug":226},{"id":241,"label":242,"slug":243,"rank":244,"group":245},40,"Charts","charts",3,{"id":74,"label":225,"slug":226},[247,248,249,250],{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":252},[],{"uuid":254,"title":255,"description":256,"canonical_path":29,"image":257,"width":68,"height":101,"image_alt":258,"kind":71,"patterns":259,"component_categories":269,"app":272},"1670104e-601e-4bbf-94df-dc6c6232e213","Dashboard – New Business – Stripe [Test]","Onboarding step where the user is prompted to complete their business profile to start accepting payments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1670104e-601e-4bbf-94df-dc6c6232e213.png","Dashboard – New Business – Stripe [Test] from Stripe",[260,264],{"id":79,"label":261,"slug":262,"rank":77,"group":263},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},{"id":265,"label":266,"slug":267,"rank":79,"group":268},72,"Getting Started","getting-started",{"id":232,"label":233,"slug":234},[270,271],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":273},[],{"uuid":275,"title":276,"description":277,"canonical_path":29,"image":278,"width":68,"height":101,"image_alt":279,"kind":71,"patterns":280,"component_categories":290,"app":297},"2ea95855-1a2f-46c6-a260-260735f3d9f4","Activate your account – New Business – Stripe","Onboarding step where the user provides business details like VAT number, industry, website, and product description to activate payments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ea95855-1a2f-46c6-a260-260735f3d9f4.png","Activate your account – New Business – Stripe from Stripe",[281,283,288],{"id":79,"label":261,"slug":262,"rank":77,"group":282},{"id":79,"label":80,"slug":81},{"id":284,"label":285,"slug":286,"rank":79,"group":287},75,"Setup Wizard","setup-wizard",{"id":232,"label":233,"slug":234},{"id":228,"label":229,"slug":230,"rank":104,"group":289},{"id":232,"label":233,"slug":234},[291,295,296],{"id":292,"title":293,"slug":294},227,"Stepper","stepper",{"id":118,"title":119,"slug":120},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":298},[],{"uuid":300,"title":276,"description":301,"canonical_path":29,"image":302,"width":68,"height":101,"image_alt":279,"kind":71,"patterns":303,"component_categories":310,"app":314},"83a9c7ae-37f6-4452-8b70-3c04a144e314","Onboarding step where the user provides their VAT number and selects their industry to activate payments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83a9c7ae-37f6-4452-8b70-3c04a144e314.png",[304,306,308],{"id":79,"label":261,"slug":262,"rank":77,"group":305},{"id":79,"label":80,"slug":81},{"id":228,"label":229,"slug":230,"rank":79,"group":307},{"id":232,"label":233,"slug":234},{"id":284,"label":285,"slug":286,"rank":104,"group":309},{"id":232,"label":233,"slug":234},[311,312,313],{"id":292,"title":293,"slug":294},{"id":118,"title":119,"slug":120},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":315},[],{"family":317,"examples":318},"flows",[],{"family":320,"examples":321},"components",[],{"family":323,"examples":324},"pages",[],[326,328,330,332,334,337,340,343,345,349,353,357],{"label":327,"to":29},"Stripe product screens",{"label":329,"to":38},"Stripe marketing pages",{"label":331,"to":32},"Stripe user flows",{"label":333,"to":35},"Stripe UI components",{"label":335,"to":336},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":338,"to":339},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":341,"to":342},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":344,"to":18},"All SaaS app examples",{"label":346,"to":347,"description":348},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":350,"to":351,"description":352},"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":354,"to":355,"description":356},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":358,"to":359,"description":360},"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":362,"updated_at":363},"2021-08-15T10:10:37.000Z","2026-09-26T12:10:09.000Z"]