[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsubscription-pricing":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":555,"links":556,"dates":617},"\u002Fexamples\u002Ftags\u002Fsubscription-pricing","collection","screens",true,{"example_count":9,"app_count":10},40,26,{"id":12,"title":13,"description":14},150188,"Subscription pricing","",{"title":16,"description":17,"og_image":18},"Subscription pricing screen examples - Nicelydone","Subscription pricing screen design examples from SaaS apps. Browse examples from Polar, Beside, Morphic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd65ab11-49f1-4e3c-bc40-18becce548f1.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Subscription pricing screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"40 screens",[34,95,152,193,251,305,346,376,408,440,472,523],{"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":68,"app":73},"bd65ab11-49f1-4e3c-bc40-18becce548f1","Products | Nicelydone | Polar","List view where the user manages their product catalogue, with options to search, filter, and create new products.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Products | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},79,"Browse","browse",0,{"id":51,"label":52,"slug":53},8,"Pages & Content","pages-and-content",{"id":55,"label":56,"slug":57,"rank":58,"group":59},13,"Filter & Sort","filter-and-sort",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",{"id":64,"label":65,"slug":66,"rank":60,"group":67},7,"Add & Create","add-and-create",{"id":60,"label":61,"slug":62},[69],{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":74,"title":75,"logo":76,"baseline":77,"categories":78},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[79,83,87,91],{"id":80,"title":81,"slug":82},36,"Finance","finance",{"id":84,"title":85,"slug":86},39,"Payments","payments",{"id":88,"title":89,"slug":90},48,"Developer Tools","developer-tools",{"id":92,"title":93,"slug":94},37,"Developer APIs","developer-apis",{"uuid":96,"title":97,"description":98,"canonical_path":99,"image":100,"width":39,"height":40,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":120,"app":130},"befdb5e3-9311-483d-8254-57ae647d6370","Beside | Join - Beside","Checkout screen where the user selects between a discounted yearly or a monthly subscription plan before completing their purchase.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbefdb5e3-9311-483d-8254-57ae647d6370.png","Beside | Join - Beside from Beside","2026-06-29T18:30:01.000Z",[104,112],{"id":105,"label":106,"slug":107,"rank":49,"group":108},89,"Pricing","pricing",{"id":109,"label":110,"slug":111},9,"Plans & Limits","plans-and-limits",{"id":113,"label":114,"slug":115,"rank":58,"group":116},130,"Checkout","checkout",{"id":117,"label":118,"slug":119},14,"Payments & Checkout","payments-and-checkout",[121,125,129],{"id":122,"title":123,"slug":124},260,"Badge","badge",{"id":126,"title":127,"slug":128},174,"Card","card",{"id":70,"title":71,"slug":72},{"slug":131,"title":132,"logo":133,"baseline":134,"categories":135},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[136,140,144,148],{"id":137,"title":138,"slug":139},80,"Artificial Intelligence","artificial-intelligence",{"id":141,"title":142,"slug":143},47,"Customer Service","customer-service",{"id":145,"title":146,"slug":147},53,"CRM","crm",{"id":149,"title":150,"slug":151},82,"Communication","communication",{"uuid":153,"title":154,"description":155,"canonical_path":156,"image":157,"width":39,"height":158,"image_alt":159,"published_at":160,"kind":43,"patterns":161,"component_categories":170,"app":179},"bf607184-f98b-4e79-af71-6f79e3c1a895","Is Morphic subscription worth paying for — Morphic","Article explaining the value of a Morphic subscription by comparing monthly versus yearly costs, contrasting team features against Midjourney and Google, and detailing plan limits.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf607184-f98b-4e79-af71-6f79e3c1a895.png",9528,"Is Morphic subscription worth paying for — Morphic from Morphic","2026-03-16T20:52:14.000Z",[162],{"id":163,"label":164,"slug":165,"rank":49,"group":166},78,"Article","article",{"id":167,"label":168,"slug":169},15,"Marketing Page Types","marketing-page-types",[171,175],{"id":172,"title":173,"slug":174},258,"Header","header",{"id":176,"title":177,"slug":178},202,"Footer","footer",{"slug":180,"title":181,"logo":182,"baseline":183,"categories":184},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[185,189,192],{"id":186,"title":187,"slug":188},100,"Video","video",{"id":51,"title":190,"slug":191},"Design","design",{"id":137,"title":138,"slug":139},{"uuid":194,"title":195,"description":196,"canonical_path":197,"image":198,"width":39,"height":199,"image_alt":200,"published_at":201,"kind":43,"patterns":202,"component_categories":218,"app":237},"a17ac4da-5205-4c6c-920f-371c73e85c21","Dashboard | Whop","Drawer where the user configures pricing for a product, selecting between free, one-time, and recurring options.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa17ac4da-5205-4c6c-920f-371c73e85c21.png",1780,"Dashboard | Whop from Whop","2026-02-16T13:59:46.000Z",[203,205,210],{"id":105,"label":106,"slug":107,"rank":49,"group":204},{"id":109,"label":110,"slug":111},{"id":206,"label":207,"slug":208,"rank":58,"group":209},131,"Payment Form","payment-form",{"id":117,"label":118,"slug":119},{"id":211,"label":212,"slug":213,"rank":60,"group":214},41,"Dashboard","dashboard",{"id":215,"label":216,"slug":217},4,"Data & Analysis","data-and-analysis",[219,223,227,231,235,236],{"id":220,"title":221,"slug":222},277,"Button group","button-group",{"id":224,"title":225,"slug":226},233,"Tabs","tabs",{"id":228,"title":229,"slug":230},257,"Input number","input-number",{"id":232,"title":233,"slug":234},169,"Avatar","avatar",{"id":122,"title":123,"slug":124},{"id":70,"title":71,"slug":72},{"slug":238,"title":239,"logo":240,"baseline":241,"categories":242},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[243,246,250],{"id":58,"title":244,"slug":245},"Communities","communities",{"id":247,"title":248,"slug":249},18,"Marketplace","marketplace",{"id":84,"title":85,"slug":86},{"uuid":252,"title":253,"description":254,"canonical_path":255,"image":256,"width":39,"height":199,"image_alt":257,"published_at":258,"kind":43,"patterns":259,"component_categories":277,"app":291},"52e37c11-fb9b-40a5-b7e4-32b98a842a81","Settings | Nicelydone Club","App modal where an admin configures payment gates and pricing type for a new subscription plan.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52e37c11-fb9b-40a5-b7e4-32b98a842a81.png","Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[260,262,270],{"id":105,"label":106,"slug":107,"rank":49,"group":261},{"id":109,"label":110,"slug":111},{"id":263,"label":264,"slug":265,"rank":58,"group":266},102,"Settings","settings",{"id":267,"label":268,"slug":269},10,"Settings & Admin","settings-and-admin",{"id":271,"label":272,"slug":273,"rank":60,"group":274},75,"Setup Wizard","setup-wizard",{"id":64,"label":275,"slug":276},"Onboarding & Education","onboarding-and-education",[278,282,286,290],{"id":279,"title":280,"slug":281},284,"Modal","modal",{"id":283,"title":284,"slug":285},227,"Stepper","stepper",{"id":287,"title":288,"slug":289},168,"Accordion","accordion",{"id":70,"title":71,"slug":72},{"slug":292,"title":293,"logo":294,"baseline":295,"categories":296},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[297,301,302],{"id":298,"title":299,"slug":300},33,"E-Learning","e-learning",{"id":58,"title":244,"slug":245},{"id":10,"title":303,"slug":304},"Events","events",{"uuid":306,"title":307,"description":308,"canonical_path":309,"image":310,"width":39,"height":311,"image_alt":312,"published_at":313,"kind":43,"patterns":314,"component_categories":329,"app":337},"b99f9ddd-0a90-40c1-b3cf-776cd8205fd7","WeTransfer","Settings page where the user can invite new members to their workspace by email and view the current subscription cost per added user.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb99f9ddd-0a90-40c1-b3cf-776cd8205fd7.png",2572,"WeTransfer from WeTransfer","2025-02-24T16:12:09.000Z",[315,320,325],{"id":316,"label":317,"slug":318,"rank":49,"group":319},133,"Invite Teammates","invite-teammates",{"id":60,"label":61,"slug":62},{"id":321,"label":322,"slug":323,"rank":58,"group":324},104,"Team Management","team-management",{"id":267,"label":268,"slug":269},{"id":186,"label":326,"slug":327,"rank":60,"group":328},"Roles & Permissions","roles-and-permissions",{"id":267,"label":268,"slug":269},[330,334,335,336],{"id":331,"title":332,"slug":333},240,"Horizontal navigation","horizontal-navigation",{"id":232,"title":233,"slug":234},{"id":126,"title":127,"slug":128},{"id":70,"title":71,"slug":72},{"slug":338,"title":307,"logo":339,"baseline":340,"categories":341},"wetransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[342],{"id":343,"title":344,"slug":345},71,"File sharing","file-sharing",{"uuid":347,"title":348,"description":349,"canonical_path":350,"image":351,"width":39,"height":352,"image_alt":353,"published_at":354,"kind":43,"patterns":355,"component_categories":361,"app":365},"5ef78999-03a2-41a6-990d-3b2155d043d9","Access Files Anywhere with 2 TB of Storage - Dropbox Plus","Product page for the Dropbox Plus plan highlighting key benefits like 2,000 GB of storage, password management, and file recovery.","\u002Fexamples\u002Fapps\u002Fdropbox\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ef78999-03a2-41a6-990d-3b2155d043d9.png",8990,"Access Files Anywhere with 2 TB of Storage - Dropbox Plus from Dropbox","2024-07-16T07:32:07.000Z",[356],{"id":357,"label":358,"slug":359,"rank":49,"group":360},137,"Product Page","product-page",{"id":167,"label":168,"slug":169},[362,363,364],{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":70,"title":71,"slug":72},{"slug":366,"title":367,"logo":368,"baseline":369,"categories":370},"dropbox","Dropbox","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdropbox-ae12c613.png","Keep life organized and work moving — all in one place",[371,375],{"id":372,"title":373,"slug":374},23,"Collaboration","collaboration",{"id":343,"title":344,"slug":345},{"uuid":377,"title":378,"description":379,"canonical_path":380,"image":381,"width":39,"height":382,"image_alt":383,"published_at":384,"kind":43,"patterns":385,"component_categories":394,"app":397},"b9103ba8-21f3-4967-8135-169c4ec1d978","Admin | Teachable","Wizard step where the user selects a pricing model for their coaching product, choosing between options like one-time purchase, subscription, or free.","\u002Fexamples\u002Fapps\u002Fteachable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9103ba8-21f3-4967-8135-169c4ec1d978.png",1686,"Admin | Teachable from Teachable","2024-07-01T10:17:36.000Z",[386,388,390],{"id":271,"label":272,"slug":273,"rank":49,"group":387},{"id":64,"label":275,"slug":276},{"id":105,"label":106,"slug":107,"rank":58,"group":389},{"id":109,"label":110,"slug":111},{"id":372,"label":391,"slug":392,"rank":60,"group":393},"Select","select",{"id":60,"label":61,"slug":62},[395,396],{"id":283,"title":284,"slug":285},{"id":70,"title":71,"slug":72},{"slug":398,"title":399,"logo":400,"baseline":401,"categories":402},"teachable","Teachable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fteachable-32bcb802.png","Create and sell online courses and coaching",[403,404],{"id":298,"title":299,"slug":300},{"id":405,"title":406,"slug":407},32,"Education","education",{"uuid":409,"title":410,"description":411,"canonical_path":412,"image":413,"width":39,"height":414,"image_alt":415,"published_at":416,"kind":43,"patterns":417,"component_categories":428,"app":431},"45c4cc04-539c-423a-930c-ff95afe062d5","Dashboard – nicelydone.club – Stripe [Test]","Modal where the user configures a new product's pricing, tax, and billing period with a live preview of the checkout totals.","\u002Fexamples\u002Fapps\u002Fstripe\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45c4cc04-539c-423a-930c-ff95afe062d5.png",1722,"Dashboard – nicelydone.club – Stripe [Test] from Stripe","2024-06-11T07:27:39.000Z",[418,420],{"id":206,"label":207,"slug":208,"rank":49,"group":419},{"id":117,"label":118,"slug":119},{"id":421,"label":422,"slug":423,"rank":58,"group":424},58,"Media Editor","media-editor",{"id":425,"label":426,"slug":427},5,"Media & Tools","media-and-tools",[429,430],{"id":279,"title":280,"slug":281},{"id":228,"title":229,"slug":230},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"stripe","Stripe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstripe-ac594414.png","Payments infrastructure for the internet",[437,438,439],{"id":80,"title":81,"slug":82},{"id":92,"title":93,"slug":94},{"id":84,"title":85,"slug":86},{"uuid":441,"title":442,"description":443,"canonical_path":444,"image":445,"width":39,"height":446,"image_alt":447,"published_at":448,"kind":43,"patterns":449,"component_categories":455,"app":462},"60737705-bd92-4674-b503-09270719fc00","Limitless","Landing page for the Limitless AI wearable and app, featuring software mockups for meeting transcription, hardware details for the pendant, pricing tiers, and privacy commitments.","\u002Fexamples\u002Fapps\u002Flimitless\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60737705-bd92-4674-b503-09270719fc00.png",29342,"Limitless from Limitless","2024-05-27T04:35:21.000Z",[450],{"id":451,"label":452,"slug":453,"rank":49,"group":454},136,"Landing Page","landing-page",{"id":167,"label":168,"slug":169},[456,457,458,459,460,461],{"id":224,"title":225,"slug":226},{"id":122,"title":123,"slug":124},{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":126,"title":127,"slug":128},{"id":70,"title":71,"slug":72},{"slug":463,"title":442,"logo":464,"baseline":465,"categories":466},"limitless","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flimitless-dd6d80f5.png","Go beyond your mind’s limitations",[467,468],{"id":137,"title":138,"slug":139},{"id":469,"title":470,"slug":471},30,"Productivity","productivity",{"uuid":473,"title":474,"description":475,"canonical_path":476,"image":477,"width":39,"height":478,"image_alt":479,"published_at":480,"kind":43,"patterns":481,"component_categories":504,"app":513},"4b1f2781-e86a-4bc6-a5cd-bba68765b395","High quality music for your content creations | Epidemic Sound","Landing page for a community playlist campaign offering a 7-day free trial, featuring sample audio tracks, subscription tiers, and an FAQ.","\u002Fexamples\u002Fapps\u002Fepidemic-sound\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b1f2781-e86a-4bc6-a5cd-bba68765b395.png",7866,"High quality music for your content creations | Epidemic Sound from Epidemic Sound","2024-03-11T17:53:56.000Z",[482,484,486,490,496],{"id":113,"label":114,"slug":115,"rank":49,"group":483},{"id":117,"label":118,"slug":119},{"id":105,"label":106,"slug":107,"rank":58,"group":485},{"id":109,"label":110,"slug":111},{"id":149,"label":487,"slug":488,"rank":60,"group":489},"Media Detail","media-detail",{"id":51,"label":52,"slug":53},{"id":491,"label":492,"slug":493,"rank":494,"group":495},91,"Trial","trial",3,{"id":109,"label":110,"slug":111},{"id":497,"label":498,"slug":499,"rank":215,"group":500},65,"Navigation Menu","navigation-menu",{"id":501,"label":502,"slug":503},6,"Navigation & Commands","navigation-and-commands",[505,509,510,511,512],{"id":506,"title":507,"slug":508},189,"FAQ","faq",{"id":287,"title":288,"slug":289},{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":126,"title":127,"slug":128},{"slug":514,"title":515,"logo":516,"baseline":517,"categories":518},"epidemic-sound","Epidemic Sound","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fepidemic-sound-0ef09636.png","Royalty-free music for your videos",[519],{"id":520,"title":521,"slug":522},20,"Music","music",{"uuid":524,"title":525,"description":526,"canonical_path":527,"image":528,"width":39,"height":529,"image_alt":530,"published_at":531,"kind":43,"patterns":532,"component_categories":539,"app":542},"0ab928e8-c667-40c6-8ab4-4757f5a2262f","nicelydone+v1","Verification screen where the user enters a code to confirm their email address during the Swell signup process.","\u002Fexamples\u002Fapps\u002Fswell\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ab928e8-c667-40c6-8ab4-4757f5a2262f.png",1738,"nicelydone+v1 from Swell","2023-01-20T09:16:27.000Z",[533],{"id":501,"label":534,"slug":535,"rank":49,"group":536},"Verification","verification",{"id":58,"label":537,"slug":538},"Access & Account","access-and-account",[540,541],{"id":126,"title":127,"slug":128},{"id":70,"title":71,"slug":72},{"slug":543,"title":544,"logo":545,"baseline":546,"categories":547},"swell","Swell","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fswell-81212618.png","Next-level ecommerce for everyone",[548,549,552],{"id":88,"title":89,"slug":90},{"id":494,"title":550,"slug":551},"Shopping","shopping",{"id":64,"title":553,"slug":554},"Web Development","web-development",[],[557,559,561,563,565,567,569,571,573,575,577,579,581,584,587,590,593,596,599,602,605,608,611,614],{"label":106,"to":558,"count":425},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":114,"to":560,"count":60},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":207,"to":562,"count":60},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":272,"to":564,"count":60},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":65,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":47,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":212,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":56,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":317,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":487,"to":576,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":422,"to":578,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":498,"to":580,"count":58},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":582,"to":583},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":585,"to":586},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":588,"to":589},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":591,"to":592},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":594,"to":595},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":597,"to":598},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":600,"to":601},"Dropbox design examples","\u002Fexamples\u002Fapps\u002Fdropbox",{"label":603,"to":604},"Teachable design examples","\u002Fexamples\u002Fapps\u002Fteachable",{"label":606,"to":607},"Stripe design examples","\u002Fexamples\u002Fapps\u002Fstripe",{"label":609,"to":610},"Limitless design examples","\u002Fexamples\u002Fapps\u002Flimitless",{"label":612,"to":613},"Epidemic Sound design examples","\u002Fexamples\u002Fapps\u002Fepidemic-sound",{"label":615,"to":616},"Swell design examples","\u002Fexamples\u002Fapps\u002Fswell",{"published_at":531,"updated_at":42}]