[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsubscription-renewal":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":463,"links":464,"dates":520},"\u002Fexamples\u002Ftags\u002Fsubscription-renewal","collection","screens",true,{"example_count":9,"app_count":10},12,10,{"id":12,"title":13,"description":14},66240,"Subscription renewal","",{"title":16,"description":17,"og_image":18},"Subscription renewal screen examples - Nicelydone","Subscription renewal screen design examples from SaaS apps. Browse examples from Expensify, Claude, Amie.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ab911a6-dc3e-42b2-8d7e-3d3d912461ff.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Subscription renewal screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"12 screens",[34,97,146,187,233,279,323,371,402,437],{"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":62,"app":83},"8ab911a6-dc3e-42b2-8d7e-3d3d912461ff","Expensify - Settings - Workspaces","Settings page where the user manages their individual workspace subscription, views billing alerts, and configures payment methods.","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fscreens",3024,1686,"Expensify - Settings - Workspaces from Expensify","2024-10-08T09:42:19.000Z","screen",[45,53],{"id":46,"label":47,"slug":48,"rank":49,"group":50},96,"Billing Settings","billing-settings",0,{"id":10,"label":51,"slug":52},"Settings & Admin","settings-and-admin",{"id":54,"label":55,"slug":56,"rank":57,"group":58},71,"Workspace Switcher","workspace-switcher",1,{"id":59,"label":60,"slug":61},6,"Navigation & Commands","navigation-and-commands",[63,67,71,75,79],{"id":64,"title":65,"slug":66},177,"Breadcrumb","breadcrumb",{"id":68,"title":69,"slug":70},167,"Alert","alert",{"id":72,"title":73,"slug":74},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"expensify","Expensify","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexpensify-186d76c0.png","The expense management app that does it all",[89,93],{"id":90,"title":91,"slug":92},36,"Finance","finance",{"id":94,"title":95,"slug":96},56,"Accounting","accounting",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":39,"height":103,"image_alt":104,"published_at":105,"kind":43,"patterns":106,"component_categories":117,"app":133},"3c5f366a-46d4-4b26-863f-d32ca8fdfb8c","Claude","Settings page where the user confirms the renewal of their Claude Pro subscription via a modal over their billing details.","\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c5f366a-46d4-4b26-863f-d32ca8fdfb8c.png",1662,"Claude from Claude","2024-07-08T09:14:59.000Z",[107,109],{"id":46,"label":47,"slug":48,"rank":49,"group":108},{"id":10,"label":51,"slug":52},{"id":110,"label":111,"slug":112,"rank":57,"group":113},89,"Pricing","pricing",{"id":114,"label":115,"slug":116},9,"Plans & Limits","plans-and-limits",[118,122,126,130,131,132],{"id":119,"title":120,"slug":121},284,"Modal","modal",{"id":123,"title":124,"slug":125},260,"Badge","badge",{"id":127,"title":128,"slug":129},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":134,"title":99,"logo":135,"baseline":136,"categories":137},"claude","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[138,142],{"id":139,"title":140,"slug":141},80,"Artificial Intelligence","artificial-intelligence",{"id":143,"title":144,"slug":145},30,"Productivity","productivity",{"uuid":147,"title":148,"description":149,"canonical_path":150,"image":151,"width":39,"height":152,"image_alt":153,"published_at":154,"kind":43,"patterns":155,"component_categories":165,"app":172},"23142c5b-a8b7-495a-88e4-dcced979f75c","Amie","Settings page where the user views their canceled monthly subscription status and can choose to renew it.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23142c5b-a8b7-495a-88e4-dcced979f75c.png",1674,"Amie from Amie","2024-03-11T16:50:58.000Z",[156,158],{"id":46,"label":47,"slug":48,"rank":49,"group":157},{"id":10,"label":51,"slug":52},{"id":159,"label":160,"slug":161,"rank":57,"group":162},114,"Confirmation","confirmation",{"id":9,"label":163,"slug":164},"States & Feedback","states-and-feedback",[166,170,171],{"id":167,"title":168,"slug":169},277,"Button group","button-group",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":173,"title":148,"logo":174,"baseline":175,"categories":176},"amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[177,181,185,186],{"id":178,"title":179,"slug":180},101,"Calendar","calendar",{"id":182,"title":183,"slug":184},29,"Task Management","task-management",{"id":143,"title":144,"slug":145},{"id":139,"title":140,"slug":141},{"uuid":188,"title":189,"description":190,"canonical_path":191,"image":192,"width":39,"height":193,"image_alt":194,"published_at":195,"kind":43,"patterns":196,"component_categories":213,"app":215},"03606e68-c854-4dc9-a4c9-24f3b3260d47","Add an annual plan – Figma","Checkout screen where the user reviews the line items and total cost for adding an annual plan before accepting the terms and upgrading.","\u002Fexamples\u002Fapps\u002Ffigma\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03606e68-c854-4dc9-a4c9-24f3b3260d47.png",1710,"Add an annual plan – Figma from Figma","2023-12-18T13:55:38.000Z",[197,205,210],{"id":198,"label":199,"slug":200,"rank":49,"group":201},130,"Checkout","checkout",{"id":202,"label":203,"slug":204},14,"Payments & Checkout","payments-and-checkout",{"id":206,"label":207,"slug":208,"rank":57,"group":209},131,"Payment Form","payment-form",{"id":202,"label":203,"slug":204},{"id":110,"label":111,"slug":112,"rank":211,"group":212},2,{"id":114,"label":115,"slug":116},[214],{"id":80,"title":81,"slug":82},{"slug":216,"title":217,"logo":218,"baseline":219,"categories":220},"figma","Figma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffigma-569108c3.png","The collaborative interface design tool",[221,225,229],{"id":222,"title":223,"slug":224},8,"Design","design",{"id":226,"title":227,"slug":228},23,"Collaboration","collaboration",{"id":230,"title":231,"slug":232},48,"Developer Tools","developer-tools",{"uuid":234,"title":235,"description":236,"canonical_path":237,"image":238,"width":39,"height":239,"image_alt":240,"published_at":241,"kind":43,"patterns":242,"component_categories":255,"app":261},"250a99b6-9a20-4ab6-bdd6-5552de79adfc","Premium Cancellation | LinkedIn","Settings page where a modal prompts the user to keep their Premium subscription by highlighting remaining InMail credits and profile views before they continue to cancel.","\u002Fexamples\u002Fapps\u002Flinkedin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F250a99b6-9a20-4ab6-bdd6-5552de79adfc.png",1738,"Premium Cancellation | LinkedIn from Linkedin","2023-06-20T09:23:05.000Z",[243,245,250],{"id":159,"label":160,"slug":161,"rank":49,"group":244},{"id":9,"label":163,"slug":164},{"id":246,"label":247,"slug":248,"rank":57,"group":249},102,"Settings","settings",{"id":10,"label":51,"slug":52},{"id":251,"label":252,"slug":253,"rank":211,"group":254},134,"Warning","warning",{"id":9,"label":163,"slug":164},[256,257,258,259,260],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":262,"title":263,"logo":264,"baseline":265,"categories":266},"linkedin","Linkedin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinkedin-16l8lsen.png","Connect to Opportunity",[267,271,275],{"id":268,"title":269,"slug":270},49,"Social Network","social-network",{"id":272,"title":273,"slug":274},64,"Recruiting","recruiting",{"id":276,"title":277,"slug":278},74,"Employment","employment",{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":39,"height":239,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":311,"app":315},"04946bb7-f1dc-42ff-9147-13de0b4a229b","nicelydone – Harvest","Settings page where the user configures additional contact or tax information to appear on their billing receipts.","\u002Fexamples\u002Fapps\u002Fharvest\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04946bb7-f1dc-42ff-9147-13de0b4a229b.png","nicelydone – Harvest from Harvest","2023-04-12T09:26:14.000Z",[288,290,298,305],{"id":46,"label":47,"slug":48,"rank":49,"group":289},{"id":10,"label":51,"slug":52},{"id":291,"label":292,"slug":293,"rank":57,"group":294},42,"Form","form",{"id":295,"label":296,"slug":297},4,"Data & Analysis","data-and-analysis",{"id":299,"label":300,"slug":301,"rank":211,"group":302},11,"Edit","edit",{"id":211,"label":303,"slug":304},"Actions","actions",{"id":306,"label":307,"slug":308,"rank":309,"group":310},94,"Account Settings","account-settings",3,{"id":10,"label":51,"slug":52},[312,313,314],{"id":127,"title":128,"slug":129},{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"slug":316,"title":317,"logo":318,"baseline":319,"categories":320},"harvest","Harvest","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fharvest-4a1bfc79.png","Time tracking software with invoicing",[321,322],{"id":143,"title":144,"slug":145},{"id":94,"title":95,"slug":96},{"uuid":324,"title":325,"description":326,"canonical_path":327,"image":328,"width":39,"height":329,"image_alt":330,"published_at":331,"kind":43,"patterns":332,"component_categories":342,"app":353},"f8147e1c-d455-476c-8e2a-d54c04a8f519","Skillshare - Rejoin Membership","Landing page where a cancelled user is offered a 65% discount to rejoin the platform.","\u002Fexamples\u002Fapps\u002Fskillshare\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8147e1c-d455-476c-8e2a-d54c04a8f519.png",2140,"Skillshare - Rejoin Membership from Skillshare","2023-03-31T08:01:55.000Z",[333,335,340],{"id":110,"label":111,"slug":112,"rank":49,"group":334},{"id":114,"label":115,"slug":116},{"id":336,"label":337,"slug":338,"rank":57,"group":339},92,"Upgrade Prompt","upgrade-prompt",{"id":114,"label":115,"slug":116},{"id":159,"label":160,"slug":161,"rank":211,"group":341},{"id":9,"label":163,"slug":164},[343,347,351,352],{"id":344,"title":345,"slug":346},258,"Header","header",{"id":348,"title":349,"slug":350},202,"Footer","footer",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":354,"title":355,"logo":356,"baseline":357,"categories":358},"skillshare","Skillshare","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fskillshare-25c70166.png","Learn a New Skill Each Day",[359,363,367],{"id":360,"title":361,"slug":362},32,"Education","education",{"id":364,"title":365,"slug":366},33,"E-Learning","e-learning",{"id":368,"title":369,"slug":370},17,"Peer to peer","peer-to-peer",{"uuid":372,"title":373,"description":374,"canonical_path":375,"image":376,"width":377,"height":378,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":390,"app":394},"39a6b95e-5fff-4664-8d9e-20d648052b5b","License Admin · Sketch","License management page where the user can view their license key, renew their subscription, and unlink active devices from a data table.","\u002Fexamples\u002Fapps\u002Fsketch\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsketch_billing_7d0bd264_nicelydone.png",3072,3802,"License Admin · Sketch from Sketch","2021-08-22T14:11:43.000Z",[382],{"id":383,"label":384,"slug":385,"rank":49,"group":386},176,"Docs Hub","docs-hub",{"id":387,"label":388,"slug":389},15,"Marketing Page Types","marketing-page-types",[391,392,393],{"id":123,"title":124,"slug":125},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":395,"title":396,"logo":397,"baseline":398,"categories":399},"sketch","Sketch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsketch-42f889d5.png","The digital design toolkit",[400,401],{"id":222,"title":223,"slug":224},{"id":226,"title":227,"slug":228},{"uuid":403,"title":404,"description":405,"canonical_path":406,"image":407,"width":377,"height":408,"image_alt":409,"published_at":410,"kind":43,"patterns":411,"component_categories":418,"app":423},"f34cc888-8751-4c6c-9ad7-d5aa790e3483","Billing | Radar","Billing settings page where the user is presented with a checkout modal to upgrade to the Team plan, requiring credit card details.","\u002Fexamples\u002Fapps\u002Fradar\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_checkout_billing_a04c9a73_nicelydone.png",1534,"Billing | Radar from Radar","2021-01-13T13:10:00.000Z",[412,414,416],{"id":198,"label":199,"slug":200,"rank":49,"group":413},{"id":202,"label":203,"slug":204},{"id":110,"label":111,"slug":112,"rank":57,"group":415},{"id":114,"label":115,"slug":116},{"id":206,"label":207,"slug":208,"rank":211,"group":417},{"id":202,"label":203,"slug":204},[419,420,421,422],{"id":119,"title":120,"slug":121},{"id":127,"title":128,"slug":129},{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"slug":424,"title":425,"logo":426,"baseline":427,"categories":428},"radar","Radar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fradar-458f7ba7.png","Location data infrastructure",[429,433],{"id":430,"title":431,"slug":432},44,"Maps","maps",{"id":434,"title":435,"slug":436},37,"Developer APIs","developer-apis",{"uuid":438,"title":247,"description":439,"canonical_path":440,"image":441,"width":442,"height":443,"image_alt":444,"published_at":445,"kind":43,"patterns":446,"component_categories":449,"app":454},"0888b4eb-b52d-4166-8ad0-96bb0c080624","Settings page where the user manages their Plus subscription, with options to renew manually or enable automatic renewal.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fwetransfer_settings-3_fb213bc1_nicelydone.jpg",2880,1526,"Settings from WeTransfer","2017-03-15T23:33:40.000Z",[447],{"id":46,"label":47,"slug":48,"rank":49,"group":448},{"id":10,"label":51,"slug":52},[450,451,452,453],{"id":127,"title":128,"slug":129},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":455,"title":456,"logo":457,"baseline":458,"categories":459},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[460],{"id":54,"title":461,"slug":462},"File sharing","file-sharing",[],[465,468,470,472,474,476,478,480,482,484,486,488,490,493,496,499,502,505,508,511,514,517],{"label":47,"to":466,"count":467},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",5,{"label":111,"to":469,"count":295},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":160,"to":471,"count":309},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":199,"to":473,"count":211},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":207,"to":475,"count":211},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":307,"to":477,"count":57},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":300,"to":479,"count":57},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":292,"to":481,"count":57},"\u002Fexamples\u002Fscreens\u002Fform",{"label":247,"to":483,"count":57},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":337,"to":485,"count":57},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":252,"to":487,"count":57},"\u002Fexamples\u002Fscreens\u002Fwarning",{"label":55,"to":489,"count":57},"\u002Fexamples\u002Fscreens\u002Fworkspace-switcher",{"label":491,"to":492},"Expensify design examples","\u002Fexamples\u002Fapps\u002Fexpensify",{"label":494,"to":495},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"label":497,"to":498},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":500,"to":501},"Figma design examples","\u002Fexamples\u002Fapps\u002Ffigma",{"label":503,"to":504},"Linkedin design examples","\u002Fexamples\u002Fapps\u002Flinkedin",{"label":506,"to":507},"Harvest design examples","\u002Fexamples\u002Fapps\u002Fharvest",{"label":509,"to":510},"Skillshare design examples","\u002Fexamples\u002Fapps\u002Fskillshare",{"label":512,"to":513},"Sketch design examples","\u002Fexamples\u002Fapps\u002Fsketch",{"label":515,"to":516},"Radar design examples","\u002Fexamples\u002Fapps\u002Fradar",{"label":518,"to":519},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"published_at":445,"updated_at":521},"2026-09-05T20:19:26.630Z"]