[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpayment-confirmation":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":515,"links":516,"dates":574},"\u002Fexamples\u002Ftags\u002Fpayment-confirmation","collection","screens",true,{"example_count":9,"app_count":10},1094,206,{"id":12,"title":13,"description":14},20865,"Payment confirmation","",{"title":16,"description":17,"og_image":18},"Payment confirmation screen examples - Nicelydone","Payment confirmation screen design examples from SaaS apps. Browse examples from Polar, Magnific, Origin Financial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8a14cf0-902f-4030-9063-308dbeb1ddb4.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Payment confirmation screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1094 screens",[34,90,159,190,220,269,311,342,385,418,453,483],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":63,"app":68},"f8a14cf0-902f-4030-9063-308dbeb1ddb4","Log in to Polar | Polar","Checkout confirmation screen where the user waits for their payment to be processed in a sandbox environment.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Log in to Polar | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},120,"Loading","loading",0,{"id":51,"label":52,"slug":53},12,"States & Feedback","states-and-feedback",{"id":55,"label":56,"slug":57,"rank":58,"group":59},130,"Checkout","checkout",1,{"id":60,"label":61,"slug":62},14,"Payments & Checkout","payments-and-checkout",[64],{"id":65,"title":66,"slug":67},169,"Avatar","avatar",{"slug":69,"title":70,"logo":71,"baseline":72,"categories":73},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[74,78,82,86],{"id":75,"title":76,"slug":77},36,"Finance","finance",{"id":79,"title":80,"slug":81},39,"Payments","payments",{"id":83,"title":84,"slug":85},48,"Developer Tools","developer-tools",{"id":87,"title":88,"slug":89},37,"Developer APIs","developer-apis",{"uuid":91,"title":92,"description":93,"canonical_path":94,"image":95,"width":39,"height":40,"image_alt":96,"published_at":97,"kind":43,"patterns":98,"component_categories":115,"app":141},"a82115d5-4c1a-4fab-9746-4bad20c536c9","Subscription | Magnific (formerly Freepik)","Settings page where the user is upgrading to a Business plan, selecting the number of seats, and confirming payment details in a checkout modal.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa82115d5-4c1a-4fab-9746-4bad20c536c9.png","Subscription | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z",[99,101,109],{"id":55,"label":56,"slug":57,"rank":49,"group":100},{"id":60,"label":61,"slug":62},{"id":102,"label":103,"slug":104,"rank":58,"group":105},89,"Pricing","pricing",{"id":106,"label":107,"slug":108},9,"Plans & Limits","plans-and-limits",{"id":110,"label":111,"slug":112,"rank":113,"group":114},131,"Payment Form","payment-form",2,{"id":60,"label":61,"slug":62},[116,120,124,128,132,133,137],{"id":117,"title":118,"slug":119},257,"Input number","input-number",{"id":121,"title":122,"slug":123},177,"Breadcrumb","breadcrumb",{"id":125,"title":126,"slug":127},284,"Modal","modal",{"id":129,"title":130,"slug":131},260,"Badge","badge",{"id":65,"title":66,"slug":67},{"id":134,"title":135,"slug":136},174,"Card","card",{"id":138,"title":139,"slug":140},175,"Button","button",{"slug":142,"title":143,"logo":144,"baseline":145,"categories":146},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[147,151,155],{"id":148,"title":149,"slug":150},8,"Design","design",{"id":152,"title":153,"slug":154},15,"Media and Entertainment","media-and-entertainment",{"id":156,"title":157,"slug":158},80,"Artificial Intelligence","artificial-intelligence",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":39,"height":40,"image_alt":165,"published_at":166,"kind":43,"patterns":167,"component_categories":177,"app":179},"be0966cb-1bb2-471d-a276-98888d0d448c","Origin Financial","Checkout screen displaying a success toast after payment while transitioning, showing a discounted annual offer and product features.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe0966cb-1bb2-471d-a276-98888d0d448c.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[168,170,175],{"id":55,"label":56,"slug":57,"rank":49,"group":169},{"id":60,"label":61,"slug":62},{"id":171,"label":172,"slug":173,"rank":58,"group":174},122,"Success","success",{"id":51,"label":52,"slug":53},{"id":102,"label":103,"slug":104,"rank":113,"group":176},{"id":106,"label":107,"slug":108},[178],{"id":134,"title":135,"slug":136},{"slug":180,"title":161,"logo":181,"baseline":182,"categories":183},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[184,185,189],{"id":75,"title":76,"slug":77},{"id":186,"title":187,"slug":188},56,"Accounting","accounting",{"id":156,"title":157,"slug":158},{"uuid":191,"title":192,"description":193,"canonical_path":194,"image":195,"width":39,"height":40,"image_alt":196,"published_at":197,"kind":43,"patterns":198,"component_categories":203,"app":206},"7a1255f1-b78d-4232-9bd8-d30d58a5a384","Chargebee Checkout","Checkout screen where the user reviews their standard plan order, account details, billing address, and payment method before subscribing.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a1255f1-b78d-4232-9bd8-d30d58a5a384.png","Chargebee Checkout from Dock","2026-07-13T15:30:47.000Z",[199,201],{"id":55,"label":56,"slug":57,"rank":49,"group":200},{"id":60,"label":61,"slug":62},{"id":110,"label":111,"slug":112,"rank":58,"group":202},{"id":60,"label":61,"slug":62},[204,205],{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":207,"title":208,"logo":209,"baseline":210,"categories":211},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[212,216],{"id":213,"title":214,"slug":215},23,"Collaboration","collaboration",{"id":217,"title":218,"slug":219},29,"Task Management","task-management",{"uuid":221,"title":222,"description":223,"canonical_path":224,"image":225,"width":39,"height":40,"image_alt":226,"published_at":227,"kind":43,"patterns":228,"component_categories":242,"app":251},"72aae06b-b54c-4b30-a081-3ebd9e1dbec1","Bloom by Medusa","AI workspace where the user reviews an order in a generated Medusa store admin and confirms marking a payment as paid.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72aae06b-b54c-4b30-a081-3ebd9e1dbec1.png","Bloom by Medusa from Bloom","2026-07-13T10:49:54.000Z",[229,234],{"id":230,"label":231,"slug":232,"rank":49,"group":233},114,"Confirmation","confirmation",{"id":51,"label":52,"slug":53},{"id":235,"label":236,"slug":237,"rank":58,"group":238},28,"AI Chat","ai-chat",{"id":239,"label":240,"slug":241},3,"AI","ai",[243,247,248,249,250],{"id":244,"title":245,"slug":246},233,"Tabs","tabs",{"id":121,"title":122,"slug":123},{"id":65,"title":66,"slug":67},{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":252,"title":253,"logo":254,"baseline":255,"categories":256},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[257,258,261,265],{"id":156,"title":157,"slug":158},{"id":239,"title":259,"slug":260},"Shopping","shopping",{"id":262,"title":263,"slug":264},7,"Web Development","web-development",{"id":266,"title":267,"slug":268},96,"No code","no-code",{"uuid":270,"title":271,"description":272,"canonical_path":273,"image":274,"width":39,"height":275,"image_alt":276,"published_at":277,"kind":43,"patterns":278,"component_categories":285,"app":292},"6d84f49f-5a2a-4bf7-be81-dd78e0136188","Typeform - Checkout","Checkout confirmation screen displaying a receipt for a new Basic plan subscription alongside a summary of included features.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d84f49f-5a2a-4bf7-be81-dd78e0136188.png",1780,"Typeform - Checkout from Typeform","2025-12-08T14:20:46.000Z",[279,281,283],{"id":55,"label":56,"slug":57,"rank":49,"group":280},{"id":60,"label":61,"slug":62},{"id":171,"label":172,"slug":173,"rank":58,"group":282},{"id":51,"label":52,"slug":53},{"id":102,"label":103,"slug":104,"rank":113,"group":284},{"id":106,"label":107,"slug":108},[286,290,291],{"id":287,"title":288,"slug":289},227,"Stepper","stepper",{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":293,"title":294,"logo":295,"baseline":296,"categories":297},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[298,302,306,307],{"id":299,"title":300,"slug":301},69,"Surveys","surveys",{"id":303,"title":304,"slug":305},25,"Marketing","marketing",{"id":266,"title":267,"slug":268},{"id":308,"title":309,"slug":310},104,"User Research","user-research",{"uuid":312,"title":313,"description":314,"canonical_path":315,"image":316,"width":39,"height":275,"image_alt":317,"published_at":318,"kind":43,"patterns":319,"component_categories":331,"app":335},"93b2f8c2-fa9e-45ea-9969-483424eee4e2","Wynde","Settings page where the user confirms a $10 top-up to their balance by agreeing to payment terms in a modal overlay.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93b2f8c2-fa9e-45ea-9969-483424eee4e2.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[320,327,329],{"id":266,"label":321,"slug":322,"rank":49,"group":323},"Billing Settings","billing-settings",{"id":324,"label":325,"slug":326},10,"Settings & Admin","settings-and-admin",{"id":110,"label":111,"slug":112,"rank":58,"group":328},{"id":60,"label":61,"slug":62},{"id":230,"label":231,"slug":232,"rank":113,"group":330},{"id":51,"label":52,"slug":53},[332,333,334],{"id":125,"title":126,"slug":127},{"id":65,"title":66,"slug":67},{"id":138,"title":139,"slug":140},{"slug":336,"title":313,"logo":337,"baseline":338,"categories":339},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[340,341],{"id":148,"title":149,"slug":150},{"id":308,"title":309,"slug":310},{"uuid":343,"title":344,"description":345,"canonical_path":346,"image":347,"width":39,"height":275,"image_alt":348,"published_at":349,"kind":43,"patterns":350,"component_categories":360,"app":369},"95a36e5b-8385-4cf3-b083-abdc11d5ecf9","Account","Settings page where a welcome modal confirms successful payment and requires the user to accept the Terms of Service before creating.","\u002Fexamples\u002Fapps\u002Fmidjourney\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95a36e5b-8385-4cf3-b083-abdc11d5ecf9.png","Account from Midjourney","2025-06-03T09:34:10.000Z",[351,353,355],{"id":230,"label":231,"slug":232,"rank":49,"group":352},{"id":51,"label":52,"slug":53},{"id":171,"label":172,"slug":173,"rank":58,"group":354},{"id":51,"label":52,"slug":53},{"id":356,"label":357,"slug":358,"rank":113,"group":359},94,"Account Settings","account-settings",{"id":324,"label":325,"slug":326},[361,365,366,367,368],{"id":362,"title":363,"slug":364},167,"Alert","alert",{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":370,"title":371,"logo":372,"baseline":373,"categories":374},"midjourney","Midjourney","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidjourney-2b6oxos6.png","Exploring new mediums of thought and amplifying the imaginative powers of the human species",[375,376,377,381],{"id":156,"title":157,"slug":158},{"id":148,"title":149,"slug":150},{"id":378,"title":379,"slug":380},38,"Art","art",{"id":382,"title":383,"slug":384},100,"Video","video",{"uuid":386,"title":387,"description":388,"canonical_path":389,"image":390,"width":39,"height":391,"image_alt":392,"published_at":393,"kind":43,"patterns":394,"component_categories":401,"app":407},"163ec5e7-410f-4db5-a0d2-d010a0b21b01","responsive-luminism's Clone Studio | Delphi","Paywall screen where the user reaches the end of the subscription flow, displaying a completion or timeout message.","\u002Fexamples\u002Fapps\u002Fdelphi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F163ec5e7-410f-4db5-a0d2-d010a0b21b01.png",2936,"responsive-luminism's Clone Studio | Delphi from Delphi","2025-05-26T14:55:22.000Z",[395,397,399],{"id":55,"label":56,"slug":57,"rank":49,"group":396},{"id":60,"label":61,"slug":62},{"id":171,"label":172,"slug":173,"rank":58,"group":398},{"id":51,"label":52,"slug":53},{"id":230,"label":231,"slug":232,"rank":113,"group":400},{"id":51,"label":52,"slug":53},[402,406],{"id":403,"title":404,"slug":405},240,"Horizontal navigation","horizontal-navigation",{"id":287,"title":288,"slug":289},{"slug":408,"title":409,"logo":410,"baseline":411,"categories":412},"delphi","Delphi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdelphi-4341n6b6.png","Your Mind. Now on Demand",[413,414],{"id":156,"title":157,"slug":158},{"id":415,"title":416,"slug":417},22,"Knowledge Management","knowledge-management",{"uuid":419,"title":420,"description":421,"canonical_path":422,"image":423,"width":39,"height":424,"image_alt":425,"published_at":426,"kind":43,"patterns":427,"component_categories":434,"app":439},"a579fa84-97c9-40fd-8e00-6d5a075dc940","Mangomint App","Modal overlay where the user confirms an email address to send a receipt for a specific closed sale.","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa579fa84-97c9-40fd-8e00-6d5a075dc940.png",1778,"Mangomint App from Mangomint","2025-05-19T12:33:31.000Z",[428,430,432],{"id":230,"label":231,"slug":232,"rank":49,"group":429},{"id":51,"label":52,"slug":53},{"id":110,"label":111,"slug":112,"rank":58,"group":431},{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":113,"group":433},{"id":60,"label":61,"slug":62},[435,436,437,438],{"id":403,"title":404,"slug":405},{"id":125,"title":126,"slug":127},{"id":65,"title":66,"slug":67},{"id":138,"title":139,"slug":140},{"slug":440,"title":441,"logo":442,"baseline":443,"categories":444},"mangomint","Mangomint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F25bad55a-e8c6-455f-a94a-ec8e1b845320.png","Everything you need to power your salon and spa",[445,449],{"id":446,"title":447,"slug":448},41,"Health and Wellness","health-and-wellness",{"id":450,"title":451,"slug":452},101,"Calendar","calendar",{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":459,"image_alt":460,"published_at":461,"kind":43,"patterns":462,"component_categories":469,"app":476},"c1c481f3-da66-4b1a-8a99-2fbc6def8e4d","Microsoft Checkout","Checkout flow where the user is prompted to authorize a zero-euro trial transaction for Microsoft Copilot Pro within their Revolut banking app.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1c481f3-da66-4b1a-8a99-2fbc6def8e4d.png",1714,"Microsoft Checkout from Copilot","2025-05-05T11:00:42.000Z",[463,465,467],{"id":110,"label":111,"slug":112,"rank":49,"group":464},{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":58,"group":466},{"id":60,"label":61,"slug":62},{"id":230,"label":231,"slug":232,"rank":113,"group":468},{"id":51,"label":52,"slug":53},[470,471,472,473,474,475],{"id":403,"title":404,"slug":405},{"id":287,"title":288,"slug":289},{"id":129,"title":130,"slug":131},{"id":65,"title":66,"slug":67},{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":477,"title":478,"logo":479,"baseline":480,"categories":481},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[482],{"id":156,"title":157,"slug":158},{"uuid":484,"title":485,"description":486,"canonical_path":487,"image":488,"width":39,"height":275,"image_alt":489,"published_at":490,"kind":43,"patterns":491,"component_categories":498,"app":502},"2ba7184b-8361-424a-b539-4d4469679da3","3D-Secure - Docs","Developer documentation article explaining the concepts and flow of the 3D-Secure payment authentication protocol.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ba7184b-8361-424a-b539-4d4469679da3.png","3D-Secure - Docs from Evervault","2025-04-29T08:32:29.000Z",[492],{"id":121,"label":493,"slug":494,"rank":49,"group":495},"Developer Portal","developer-portal",{"id":152,"label":496,"slug":497},"Marketing Page Types","marketing-page-types",[499,500,501],{"id":121,"title":122,"slug":123},{"id":129,"title":130,"slug":131},{"id":138,"title":139,"slug":140},{"slug":503,"title":504,"logo":505,"baseline":506,"categories":507},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[508,509,510,511],{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"id":79,"title":80,"slug":81},{"id":512,"title":513,"slug":514},78,"Security","security",[],[517,519,522,525,528,530,532,534,536,538,541,544,547,550,553,556,559,562,565,568,571],{"label":56,"to":518,"count":148},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":231,"to":520,"count":521},"\u002Fexamples\u002Fscreens\u002Fconfirmation",6,{"label":111,"to":523,"count":524},"\u002Fexamples\u002Fscreens\u002Fpayment-form",5,{"label":172,"to":526,"count":527},"\u002Fexamples\u002Fscreens\u002Fsuccess",4,{"label":103,"to":529,"count":239},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":357,"to":531,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":236,"to":533,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":321,"to":535,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":47,"to":537,"count":58},"\u002Fexamples\u002Fscreens\u002Floading",{"label":539,"to":540},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":542,"to":543},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":545,"to":546},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":548,"to":549},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":551,"to":552},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":554,"to":555},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":557,"to":558},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"label":560,"to":561},"Midjourney design examples","\u002Fexamples\u002Fapps\u002Fmidjourney",{"label":563,"to":564},"Delphi design examples","\u002Fexamples\u002Fapps\u002Fdelphi",{"label":566,"to":567},"Mangomint design examples","\u002Fexamples\u002Fapps\u002Fmangomint",{"label":569,"to":570},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":572,"to":573},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"published_at":575,"updated_at":42},"2024-12-15T06:00:07.000Z"]