[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsubscription-billing":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":497,"links":498,"dates":550},"\u002Fexamples\u002Ftags\u002Fsubscription-billing","collection","screens",true,{"example_count":9,"app_count":10},92,42,{"id":12,"title":13,"description":14},72109,"Subscription billing","",{"title":16,"description":17,"og_image":18},"Subscription billing screen examples - Nicelydone","Subscription billing screen design examples from SaaS apps. Browse examples from Polar, Assembly AI App Builder, Mocha.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50128c6c-46e9-4a5b-a78e-183674c9abeb.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Subscription billing screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"92 screens",[34,85,145,198,252,291,324,349,376,406,437,465],{"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":54,"app":63},"c2905508-f98b-45a5-a91c-cd4954556e1c","Subscriptions | Polar","Feature page detailing the end-to-end subscription lifecycle, payment recovery options, and customer portal capabilities.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",3024,11194,"Subscriptions | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},138,"Feature Page","feature-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},202,"Footer","footer",{"slug":64,"title":65,"logo":66,"baseline":67,"categories":68},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[69,73,77,81],{"id":70,"title":71,"slug":72},36,"Finance","finance",{"id":74,"title":75,"slug":76},39,"Payments","payments",{"id":78,"title":79,"slug":80},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},37,"Developer APIs","developer-apis",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":39,"height":91,"image_alt":92,"published_at":93,"kind":43,"patterns":94,"component_categories":100,"app":123},"0dc260c4-2001-419a-8ebe-af859b97fad4","Shopify-style Stores for Professional Services","Feature page showcasing a Shopify-like storefront builder for professional services, highlighting customizable subscription plans, one-time purchases, and client onboarding flows.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0dc260c4-2001-419a-8ebe-af859b97fad4.png",16338,"Shopify-style Stores for Professional Services from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[95],{"id":96,"label":97,"slug":98,"rank":49,"group":99},137,"Product Page","product-page",{"id":51,"label":52,"slug":53},[101,105,109,113,117,121,122],{"id":102,"title":103,"slug":104},189,"FAQ","faq",{"id":106,"title":107,"slug":108},168,"Accordion","accordion",{"id":110,"title":111,"slug":112},233,"Tabs","tabs",{"id":114,"title":115,"slug":116},174,"Card","card",{"id":118,"title":119,"slug":120},260,"Badge","badge",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":124,"title":125,"logo":126,"baseline":127,"categories":128},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[129,133,137,141],{"id":130,"title":131,"slug":132},53,"CRM","crm",{"id":134,"title":135,"slug":136},90,"Business","business",{"id":138,"title":139,"slug":140},80,"Artificial Intelligence","artificial-intelligence",{"id":142,"title":143,"slug":144},96,"No code","no-code",{"uuid":146,"title":147,"description":148,"canonical_path":149,"image":150,"width":39,"height":151,"image_alt":152,"published_at":153,"kind":43,"patterns":154,"component_categories":177,"app":187},"d52e4bfe-471c-4f7f-9eb5-580c88822fd7","Mocha","Settings page where the user reviews credit usage with a progress bar and a transaction log showing a Message debit and a Signup bonus credit.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd52e4bfe-471c-4f7f-9eb5-580c88822fd7.png",1776,"Mocha from Mocha","2026-04-14T11:44:01.000Z",[155,163,171],{"id":156,"label":157,"slug":158,"rank":49,"group":159},49,"Usage","usage",{"id":160,"label":161,"slug":162},4,"Data & Analysis","data-and-analysis",{"id":142,"label":164,"slug":165,"rank":166,"group":167},"Billing Settings","billing-settings",1,{"id":168,"label":169,"slug":170},10,"Settings & Admin","settings-and-admin",{"id":172,"label":173,"slug":174,"rank":175,"group":176},47,"Table","table",2,{"id":160,"label":161,"slug":162},[178,182,183],{"id":179,"title":180,"slug":181},240,"Horizontal navigation","horizontal-navigation",{"id":110,"title":111,"slug":112},{"id":184,"title":185,"slug":186},175,"Button","button",{"slug":188,"title":147,"logo":189,"baseline":190,"categories":191},"mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[192,196,197],{"id":193,"title":194,"slug":195},7,"Web Development","web-development",{"id":138,"title":139,"slug":140},{"id":142,"title":143,"slug":144},{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":39,"height":204,"image_alt":205,"published_at":206,"kind":43,"patterns":207,"component_categories":229,"app":236},"e3dc9e60-bb2b-481f-a36e-6e1308292d17","Organizer Subscription - Network Setup | Meetup","Checkout page where the user reviews their Meetup Standard plan, selects a billing cycle, and starts a 7-day free trial.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3dc9e60-bb2b-481f-a36e-6e1308292d17.png",2138,"Organizer Subscription - Network Setup | Meetup from Meetup","2026-03-09T10:46:46.000Z",[208,216,221],{"id":209,"label":210,"slug":211,"rank":49,"group":212},130,"Checkout","checkout",{"id":213,"label":214,"slug":215},14,"Payments & Checkout","payments-and-checkout",{"id":217,"label":218,"slug":219,"rank":166,"group":220},131,"Payment Form","payment-form",{"id":213,"label":214,"slug":215},{"id":222,"label":223,"slug":224,"rank":175,"group":225},89,"Pricing","pricing",{"id":226,"label":227,"slug":228},9,"Plans & Limits","plans-and-limits",[230,234,235],{"id":231,"title":232,"slug":233},227,"Stepper","stepper",{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"slug":237,"title":238,"logo":239,"baseline":240,"categories":241},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[242,245,248],{"id":166,"title":243,"slug":244},"Communities","communities",{"id":213,"title":246,"slug":247},"Social","social",{"id":249,"title":250,"slug":251},26,"Events","events",{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":39,"height":258,"image_alt":259,"published_at":260,"kind":43,"patterns":261,"component_categories":271,"app":282},"369833b8-326f-4e6f-a718-0e6c5066b3a6","Web Player - Pocket Casts","Checkout modal where the user enters credit card details or uses PayPal to start a 30-day free trial for a yearly subscription.","\u002Fexamples\u002Fapps\u002Fpocket-casts\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F369833b8-326f-4e6f-a718-0e6c5066b3a6.png",1780,"Web Player - Pocket Casts from Pocket Casts","2026-02-23T09:50:49.000Z",[262,267,269],{"id":263,"label":264,"slug":265,"rank":49,"group":266},91,"Trial","trial",{"id":226,"label":227,"slug":228},{"id":209,"label":210,"slug":211,"rank":166,"group":268},{"id":213,"label":214,"slug":215},{"id":217,"label":218,"slug":219,"rank":175,"group":270},{"id":213,"label":214,"slug":215},[272,276,277,281],{"id":273,"title":274,"slug":275},177,"Breadcrumb","breadcrumb",{"id":110,"title":111,"slug":112},{"id":278,"title":279,"slug":280},284,"Modal","modal",{"id":184,"title":185,"slug":186},{"slug":283,"title":284,"logo":285,"baseline":286,"categories":287},"pocket-casts","Pocket Casts","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ff4d1fda4-3822-47c0-a321-da4fe83db7b8.png","Listen to podcasts with the best free podcasting app",[288],{"id":51,"title":289,"slug":290},"Media and Entertainment","media-and-entertainment",{"uuid":292,"title":293,"description":294,"canonical_path":295,"image":296,"width":297,"height":298,"image_alt":299,"published_at":300,"kind":43,"patterns":301,"component_categories":307,"app":312},"1084b522-30a9-4aa5-8882-9930a1ae6e7c","Launch, run, and scale an agency online with Whop  Whop","Marketing page pitching Whop as a platform for agencies to manage invoices, retainers, client communication, and contracts.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1084b522-30a9-4aa5-8882-9930a1ae6e7c.png",3238,15394,"Launch, run, and scale an agency online with Whop  Whop from Whop","2026-02-16T13:59:46.000Z",[302],{"id":303,"label":304,"slug":305,"rank":49,"group":306},139,"Use Case Page","use-case-page",{"id":51,"label":52,"slug":53},[308,309,310,311],{"id":102,"title":103,"slug":104},{"id":106,"title":107,"slug":108},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[318,319,323],{"id":166,"title":243,"slug":244},{"id":320,"title":321,"slug":322},18,"Marketplace","marketplace",{"id":74,"title":75,"slug":76},{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":258,"image_alt":330,"published_at":331,"kind":43,"patterns":332,"component_categories":335,"app":338},"a5dc32d8-859c-4fb4-85b2-f79662fc7fc4","Universe","Checkout page where the user enters their credit card details to purchase an annual domain subscription.","\u002Fexamples\u002Fapps\u002Funiverse\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5dc32d8-859c-4fb4-85b2-f79662fc7fc4.png","Universe from Universe","2026-02-02T12:44:04.000Z",[333],{"id":209,"label":210,"slug":211,"rank":49,"group":334},{"id":213,"label":214,"slug":215},[336,337],{"id":118,"title":119,"slug":120},{"id":184,"title":185,"slug":186},{"slug":339,"title":326,"logo":340,"baseline":341,"categories":342},"universe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fa1f738aa-4481-4f65-b6d7-49d68fb8a925.png","Design Custom Sites with No Code",[343,344,348],{"id":193,"title":194,"slug":195},{"id":345,"title":346,"slug":347},8,"Design","design",{"id":142,"title":143,"slug":144},{"uuid":350,"title":351,"description":352,"canonical_path":353,"image":354,"width":39,"height":258,"image_alt":355,"published_at":356,"kind":43,"patterns":357,"component_categories":362,"app":365},"b064d26c-b1a8-412f-a888-4075e7fe2827","Billing - Nightwatch","Settings modal where the user adds a new credit card by entering their billing address, card number, expiration date, security code, country, and ZIP code.","\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb064d26c-b1a8-412f-a888-4075e7fe2827.png","Billing - Nightwatch from Nightwatch","2026-01-12T12:47:24.000Z",[358,360],{"id":217,"label":218,"slug":219,"rank":49,"group":359},{"id":213,"label":214,"slug":215},{"id":142,"label":164,"slug":165,"rank":166,"group":361},{"id":168,"label":169,"slug":170},[363,364],{"id":278,"title":279,"slug":280},{"id":184,"title":185,"slug":186},{"slug":366,"title":367,"logo":368,"baseline":369,"categories":370},"nightwatch","Nightwatch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6f0af58a-4193-4037-9c5a-3fb20914c15d.png","Monitor your Laravel applications with precision",[371,375],{"id":372,"title":373,"slug":374},16,"Monitoring","monitoring",{"id":78,"title":79,"slug":80},{"uuid":377,"title":378,"description":379,"canonical_path":380,"image":381,"width":39,"height":258,"image_alt":382,"published_at":383,"kind":43,"patterns":384,"component_categories":394,"app":398},"213904fe-ad40-4fb8-81c4-bbec626a31a9","Company - MyKinsta","Checkout summary step where the user reviews the new WordPress plan details, total cost, and selected payment method before starting the trial.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F213904fe-ad40-4fb8-81c4-bbec626a31a9.png","Company - MyKinsta from Kinsta","2025-11-03T21:16:47.000Z",[385,387,389,391],{"id":209,"label":210,"slug":211,"rank":49,"group":386},{"id":213,"label":214,"slug":215},{"id":263,"label":264,"slug":265,"rank":166,"group":388},{"id":226,"label":227,"slug":228},{"id":217,"label":218,"slug":219,"rank":175,"group":390},{"id":213,"label":214,"slug":215},{"id":222,"label":223,"slug":224,"rank":392,"group":393},3,{"id":226,"label":227,"slug":228},[395,396,397],{"id":231,"title":232,"slug":233},{"id":114,"title":115,"slug":116},{"id":184,"title":185,"slug":186},{"slug":399,"title":400,"logo":401,"baseline":402,"categories":403},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[404,405],{"id":193,"title":194,"slug":195},{"id":78,"title":79,"slug":80},{"uuid":407,"title":408,"description":409,"canonical_path":410,"image":411,"width":39,"height":412,"image_alt":413,"published_at":414,"kind":43,"patterns":415,"component_categories":418,"app":422},"7991b463-7f68-45f0-9fc3-1fb914ee947d","Sell add-on products  Outseta","Feature page explaining how to sell additional subscriptions, one-time products, and usage-based add-ons alongside typical membership plans.","\u002Fexamples\u002Fapps\u002Foutseta\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7991b463-7f68-45f0-9fc3-1fb914ee947d.png",4038,"Sell add-on products  Outseta from Outseta","2025-09-01T19:09:29.000Z",[416],{"id":46,"label":47,"slug":48,"rank":49,"group":417},{"id":51,"label":52,"slug":53},[419,420,421],{"id":278,"title":279,"slug":280},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"outseta","Outseta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","The membership operating system",[428,429,432,433,434],{"id":166,"title":243,"slug":244},{"id":9,"title":430,"slug":431},"Email","email",{"id":130,"title":131,"slug":132},{"id":74,"title":75,"slug":76},{"id":172,"title":435,"slug":436},"Customer Service","customer-service",{"uuid":438,"title":439,"description":440,"canonical_path":441,"image":442,"width":39,"height":443,"image_alt":444,"published_at":445,"kind":43,"patterns":446,"component_categories":449,"app":453},"cc31b47b-0f64-48aa-b9df-2d88e75ed186","Payments  Mighty Networks","Feature page explaining how to monetize a community with subscriptions, one-off payments, and affiliate integrations.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc31b47b-0f64-48aa-b9df-2d88e75ed186.png",7368,"Payments  Mighty Networks from Mighty","2025-09-01T19:09:04.000Z",[447],{"id":46,"label":47,"slug":48,"rank":49,"group":448},{"id":51,"label":52,"slug":53},[450,451,452],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":184,"title":185,"slug":186},{"slug":454,"title":455,"logo":456,"baseline":457,"categories":458},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[459,463,464],{"id":460,"title":461,"slug":462},33,"E-Learning","e-learning",{"id":166,"title":243,"slug":244},{"id":249,"title":250,"slug":251},{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":39,"height":258,"image_alt":471,"published_at":472,"kind":43,"patterns":473,"component_categories":478,"app":486},"67a03971-b6b0-4576-a352-698b5d57aea1","Freckle","App view overlaid with a Stripe checkout modal where the user enters credit card details to complete a $189.00 subscription.","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67a03971-b6b0-4576-a352-698b5d57aea1.png","Freckle from Freckle","2025-06-30T13:53:29.000Z",[474,476],{"id":209,"label":210,"slug":211,"rank":49,"group":475},{"id":213,"label":214,"slug":215},{"id":217,"label":218,"slug":219,"rank":166,"group":477},{"id":213,"label":214,"slug":215},[479,483,484,485],{"id":480,"title":481,"slug":482},169,"Avatar","avatar",{"id":179,"title":180,"slug":181},{"id":278,"title":279,"slug":280},{"id":118,"title":119,"slug":120},{"slug":487,"title":467,"logo":488,"baseline":489,"categories":490},"freckle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffreckle-93eaytji.png","The Clay-alternative built for non-technical users",[491,492,493],{"id":130,"title":131,"slug":132},{"id":138,"title":139,"slug":140},{"id":494,"title":495,"slug":496},25,"Marketing","marketing",[],[499,502,504,506,508,510,512,514,517,520,523,526,529,532,535,538,541,544,547],{"label":210,"to":500,"count":501},"\u002Fexamples\u002Fscreens\u002Fcheckout",5,{"label":218,"to":503,"count":501},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":164,"to":505,"count":175},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":223,"to":507,"count":175},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":264,"to":509,"count":175},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":173,"to":511,"count":166},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":157,"to":513,"count":166},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":515,"to":516},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":518,"to":519},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":521,"to":522},"Mocha design examples","\u002Fexamples\u002Fapps\u002Fmocha",{"label":524,"to":525},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":527,"to":528},"Pocket Casts design examples","\u002Fexamples\u002Fapps\u002Fpocket-casts",{"label":530,"to":531},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":533,"to":534},"Universe design examples","\u002Fexamples\u002Fapps\u002Funiverse",{"label":536,"to":537},"Nightwatch design examples","\u002Fexamples\u002Fapps\u002Fnightwatch",{"label":539,"to":540},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":542,"to":543},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":545,"to":546},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":548,"to":549},"Freckle design examples","\u002Fexamples\u002Fapps\u002Ffreckle",{"published_at":551,"updated_at":42},"2024-12-30T23:37:09.000Z"]