[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsubscription-plans":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":527,"links":528,"dates":582},"\u002Fexamples\u002Ftags\u002Fsubscription-plans","collection","screens",true,{"example_count":9,"app_count":10},1172,286,{"id":12,"title":13,"description":14},50219,"Subscription plans","",{"title":16,"description":17,"og_image":18},"Subscription plans screen examples - Nicelydone","Subscription plans screen design examples from SaaS apps. Browse examples from Bud, Polar, Magnific.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feee65f66-c93c-4135-a16b-1f194ed93a52.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Subscription plans screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1172 screens",[34,85,148,202,247,279,320,351,394,430,461,494],{"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":67},"eee65f66-c93c-4135-a16b-1f194ed93a52","Pricing - Bud","Pricing page where the user selects between Monthly and Annual billing for Pro, Premium, Ultra, or Max subscription tiers.","\u002Fexamples\u002Fapps\u002Fbud\u002Fmarketing",3012,1962,"Pricing - Bud from Bud","2026-09-21T19:04:27.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},143,"Pricing Page","pricing-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},202,"Footer","footer",{"id":64,"title":65,"slug":66},260,"Badge","badge",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[73,77,81],{"id":74,"title":75,"slug":76},80,"Artificial Intelligence","artificial-intelligence",{"id":78,"title":79,"slug":80},103,"Demo Automation","demo-automation",{"id":82,"title":83,"slug":84},105,"Workflow Automation","workflow-automation",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":91,"height":92,"image_alt":93,"published_at":94,"kind":43,"patterns":95,"component_categories":121,"app":126},"42fe2fa5-6ba3-42eb-b182-ee9f570a3e39","Benefits | Nicelydone | Polar","List view for product benefits showing an empty state with a prompt to create the first benefit, alongside a sandbox warning banner and an upgrade nudge.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42fe2fa5-6ba3-42eb-b182-ee9f570a3e39.png",3024,1758,"Benefits | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z",[96,104,113],{"id":97,"label":98,"slug":99,"rank":49,"group":100},115,"Empty State","empty-state",{"id":101,"label":102,"slug":103},12,"States & Feedback","states-and-feedback",{"id":105,"label":106,"slug":107,"rank":108,"group":109},7,"Add & Create","add-and-create",1,{"id":110,"label":111,"slug":112},2,"Actions","actions",{"id":114,"label":115,"slug":116,"rank":110,"group":117},92,"Upgrade Prompt","upgrade-prompt",{"id":118,"label":119,"slug":120},9,"Plans & Limits","plans-and-limits",[122],{"id":123,"title":124,"slug":125},175,"Button","button",{"slug":127,"title":128,"logo":129,"baseline":130,"categories":131},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[132,136,140,144],{"id":133,"title":134,"slug":135},36,"Finance","finance",{"id":137,"title":138,"slug":139},39,"Payments","payments",{"id":141,"title":142,"slug":143},48,"Developer Tools","developer-tools",{"id":145,"title":146,"slug":147},37,"Developer APIs","developer-apis",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":91,"height":92,"image_alt":154,"published_at":155,"kind":43,"patterns":156,"component_categories":169,"app":188},"eceb05f8-0d7f-46b3-871a-7b2b21b7343a","Pricing plans | Magnific (formerly Freepik)","In-app pricing page where the user can toggle between monthly and annual billing for Premium, Pro, and Business tiers, with the user profile dropdown menu open.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feceb05f8-0d7f-46b3-871a-7b2b21b7343a.png","Pricing plans | Magnific (formerly Freepik) from Magnific","2026-09-14T12:05:04.000Z",[157,162,167],{"id":158,"label":159,"slug":160,"rank":49,"group":161},89,"Pricing","pricing",{"id":118,"label":119,"slug":120},{"id":163,"label":164,"slug":165,"rank":108,"group":166},88,"Feature Gate","feature-gate",{"id":118,"label":119,"slug":120},{"id":114,"label":115,"slug":116,"rank":110,"group":168},{"id":118,"label":119,"slug":120},[170,174,178,182,186,187],{"id":171,"title":172,"slug":173},257,"Input number","input-number",{"id":175,"title":176,"slug":177},169,"Avatar","avatar",{"id":179,"title":180,"slug":181},233,"Tabs","tabs",{"id":183,"title":184,"slug":185},174,"Card","card",{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":189,"title":190,"logo":191,"baseline":192,"categories":193},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[194,198,201],{"id":195,"title":196,"slug":197},8,"Design","design",{"id":51,"title":199,"slug":200},"Media and Entertainment","media-and-entertainment",{"id":74,"title":75,"slug":76},{"uuid":203,"title":204,"description":205,"canonical_path":206,"image":207,"width":91,"height":92,"image_alt":208,"published_at":209,"kind":43,"patterns":210,"component_categories":217,"app":228},"2570cf28-b183-4ec7-b02f-ee51add8de3c","Zaro - The Context Layer for Enterprise AI","Paywall modal where the user can upgrade their subscription by choosing between Launch, Growth, and Enterprise tiers.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2570cf28-b183-4ec7-b02f-ee51add8de3c.png","Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z",[211,213,215],{"id":158,"label":159,"slug":160,"rank":49,"group":212},{"id":118,"label":119,"slug":120},{"id":114,"label":115,"slug":116,"rank":108,"group":214},{"id":118,"label":119,"slug":120},{"id":163,"label":164,"slug":165,"rank":110,"group":216},{"id":118,"label":119,"slug":120},[218,222,226,227],{"id":219,"title":220,"slug":221},177,"Breadcrumb","breadcrumb",{"id":223,"title":224,"slug":225},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":229,"title":230,"logo":231,"baseline":232,"categories":233},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[234,238,239,243],{"id":235,"title":236,"slug":237},23,"Collaboration","collaboration",{"id":74,"title":75,"slug":76},{"id":240,"title":241,"slug":242},22,"Knowledge Management","knowledge-management",{"id":244,"title":245,"slug":246},46,"Analytics","analytics",{"uuid":248,"title":249,"description":250,"canonical_path":251,"image":252,"width":91,"height":92,"image_alt":253,"published_at":254,"kind":43,"patterns":255,"component_categories":262,"app":268},"ae7e8077-2916-43fa-8005-385bc9c148e2","HeyGen - Avatar","Paywall modal comparing Individual and Business plan features to prompt an upgrade.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae7e8077-2916-43fa-8005-385bc9c148e2.png","HeyGen - Avatar from HeyGen","2026-06-29T18:29:44.000Z",[256,258,260],{"id":158,"label":159,"slug":160,"rank":49,"group":257},{"id":118,"label":119,"slug":120},{"id":114,"label":115,"slug":116,"rank":108,"group":259},{"id":118,"label":119,"slug":120},{"id":163,"label":164,"slug":165,"rank":110,"group":261},{"id":118,"label":119,"slug":120},[263,264,265,266,267],{"id":175,"title":176,"slug":177},{"id":179,"title":180,"slug":181},{"id":223,"title":224,"slug":225},{"id":183,"title":184,"slug":185},{"id":123,"title":124,"slug":125},{"slug":269,"title":270,"logo":271,"baseline":272,"categories":273},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[274,278],{"id":275,"title":276,"slug":277},100,"Video","video",{"id":74,"title":75,"slug":76},{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":91,"height":92,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":298,"app":301},"7cd446e5-2c34-4fe5-9c30-2ee6f1825e86","Assembly Dashboard – Nicelydone Club","Settings page where the user views available subscription plans and their included features.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cd446e5-2c34-4fe5-9c30-2ee6f1825e86.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[288,290],{"id":158,"label":159,"slug":160,"rank":49,"group":289},{"id":118,"label":119,"slug":120},{"id":291,"label":292,"slug":293,"rank":108,"group":294},102,"Settings","settings",{"id":295,"label":296,"slug":297},10,"Settings & Admin","settings-and-admin",[299,300],{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":302,"title":303,"logo":304,"baseline":305,"categories":306},"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",[307,311,315,316],{"id":308,"title":309,"slug":310},53,"CRM","crm",{"id":312,"title":313,"slug":314},90,"Business","business",{"id":74,"title":75,"slug":76},{"id":317,"title":318,"slug":319},96,"No code","no-code",{"uuid":321,"title":322,"description":323,"canonical_path":324,"image":325,"width":91,"height":92,"image_alt":326,"published_at":327,"kind":43,"patterns":328,"component_categories":337,"app":340},"d861d298-ccd9-42ab-96d1-d3e22e453cbe","Project settings - Lovable","Settings page where the user views and upgrades their workspace subscription plan between Pro, Business, and Enterprise tiers.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd861d298-ccd9-42ab-96d1-d3e22e453cbe.png","Project settings - Lovable from Lovable","2026-05-18T10:58:24.000Z",[329,331,335],{"id":158,"label":159,"slug":160,"rank":49,"group":330},{"id":118,"label":119,"slug":120},{"id":317,"label":332,"slug":333,"rank":108,"group":334},"Billing Settings","billing-settings",{"id":295,"label":296,"slug":297},{"id":114,"label":115,"slug":116,"rank":110,"group":336},{"id":118,"label":119,"slug":120},[338,339],{"id":183,"title":184,"slug":185},{"id":123,"title":124,"slug":125},{"slug":341,"title":342,"logo":343,"baseline":344,"categories":345},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[346,347,350],{"id":74,"title":75,"slug":76},{"id":105,"title":348,"slug":349},"Web Development","web-development",{"id":317,"title":318,"slug":319},{"uuid":352,"title":353,"description":354,"canonical_path":355,"image":356,"width":91,"height":92,"image_alt":357,"published_at":358,"kind":43,"patterns":359,"component_categories":366,"app":376},"139145af-ba2c-4278-9ca3-53df8331bee0","Amie","Paywall modal where the user selects between Pro and Business subscription plans with a monthly or yearly billing toggle.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F139145af-ba2c-4278-9ca3-53df8331bee0.png","Amie from Amie","2026-05-18T09:02:08.000Z",[360,362,364],{"id":158,"label":159,"slug":160,"rank":49,"group":361},{"id":118,"label":119,"slug":120},{"id":163,"label":164,"slug":165,"rank":108,"group":363},{"id":118,"label":119,"slug":120},{"id":114,"label":115,"slug":116,"rank":110,"group":365},{"id":118,"label":119,"slug":120},[367,371,372,373,374,375],{"id":368,"title":369,"slug":370},214,"Popover","popover",{"id":179,"title":180,"slug":181},{"id":223,"title":224,"slug":225},{"id":183,"title":184,"slug":185},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":377,"title":353,"logo":378,"baseline":379,"categories":380},"amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[381,385,389,393],{"id":382,"title":383,"slug":384},101,"Calendar","calendar",{"id":386,"title":387,"slug":388},29,"Task Management","task-management",{"id":390,"title":391,"slug":392},30,"Productivity","productivity",{"id":74,"title":75,"slug":76},{"uuid":395,"title":396,"description":397,"canonical_path":398,"image":399,"width":91,"height":400,"image_alt":401,"published_at":402,"kind":43,"patterns":403,"component_categories":416,"app":422},"d28dce3b-be96-4a20-bb1d-28c7f33d6852","Image & Video | ElevenLabs","Paywall modal where the user must select a subscription plan, such as Pro or Creator, and choose between monthly or annual billing to continue generating content.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd28dce3b-be96-4a20-bb1d-28c7f33d6852.png",1714,"Image & Video | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[404,406,408,413],{"id":163,"label":164,"slug":165,"rank":49,"group":405},{"id":118,"label":119,"slug":120},{"id":158,"label":159,"slug":160,"rank":108,"group":407},{"id":118,"label":119,"slug":120},{"id":409,"label":410,"slug":411,"rank":110,"group":412},114,"Confirmation","confirmation",{"id":101,"label":102,"slug":103},{"id":114,"label":115,"slug":116,"rank":414,"group":415},3,{"id":118,"label":119,"slug":120},[417,418,419,420,421],{"id":179,"title":180,"slug":181},{"id":223,"title":224,"slug":225},{"id":183,"title":184,"slug":185},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[428,429],{"id":74,"title":75,"slug":76},{"id":145,"title":146,"slug":147},{"uuid":431,"title":432,"description":433,"canonical_path":434,"image":435,"width":91,"height":92,"image_alt":436,"published_at":437,"kind":43,"patterns":438,"component_categories":443,"app":448},"8bf7689f-190e-4ddd-89a9-53abd76772c5","Themes · nicelydone3","Modal overlay where the user selects a subscription plan to continue, choosing between Startup, Base, and Growth tiers with monthly or annual billing.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bf7689f-190e-4ddd-89a9-53abd76772c5.png","Themes · nicelydone3 from Navattic","2026-05-05T10:32:31.000Z",[439,441],{"id":158,"label":159,"slug":160,"rank":49,"group":440},{"id":118,"label":119,"slug":120},{"id":114,"label":115,"slug":116,"rank":108,"group":442},{"id":118,"label":119,"slug":120},[444,445,446,447],{"id":179,"title":180,"slug":181},{"id":223,"title":224,"slug":225},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":449,"title":450,"logo":451,"baseline":452,"categories":453},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[454,458,459,460],{"id":455,"title":456,"slug":457},25,"Marketing","marketing",{"id":74,"title":75,"slug":76},{"id":317,"title":318,"slug":319},{"id":78,"title":79,"slug":80},{"uuid":462,"title":463,"description":464,"canonical_path":465,"image":466,"width":91,"height":467,"image_alt":468,"published_at":469,"kind":43,"patterns":470,"component_categories":475,"app":485},"e1695e4a-cc9f-42c4-a84e-411808d37c06","Nicelydone | Billing","Settings page where the user views a modal comparing Free, Pro, Team, and Enterprise plans to upgrade their workspace.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1695e4a-cc9f-42c4-a84e-411808d37c06.png",1588,"Nicelydone | Billing from Liveblocks","2026-04-27T19:43:19.000Z",[471,473],{"id":158,"label":159,"slug":160,"rank":49,"group":472},{"id":118,"label":119,"slug":120},{"id":317,"label":332,"slug":333,"rank":108,"group":474},{"id":295,"label":296,"slug":297},[476,480,481,482,483,484],{"id":477,"title":478,"slug":479},240,"Horizontal navigation","horizontal-navigation",{"id":175,"title":176,"slug":177},{"id":223,"title":224,"slug":225},{"id":183,"title":184,"slug":185},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":486,"title":487,"logo":488,"baseline":489,"categories":490},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[491,492,493],{"id":141,"title":142,"slug":143},{"id":235,"title":236,"slug":237},{"id":145,"title":146,"slug":147},{"uuid":495,"title":496,"description":497,"canonical_path":498,"image":499,"width":500,"height":501,"image_alt":502,"published_at":503,"kind":43,"patterns":504,"component_categories":509,"app":512},"2124f30f-921e-46db-8885-493496e4b721","Maze - Pricing","In-app paywall where the user compares features across Free, Starter, and Enterprise plans to upgrade their workspace.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2124f30f-921e-46db-8885-493496e4b721.png",2880,1670,"Maze - Pricing from Maze","2026-04-20T14:45:59.000Z",[505,507],{"id":158,"label":159,"slug":160,"rank":49,"group":506},{"id":118,"label":119,"slug":120},{"id":163,"label":164,"slug":165,"rank":108,"group":508},{"id":118,"label":119,"slug":120},[510,511],{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"slug":513,"title":514,"logo":515,"baseline":516,"categories":517},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[518,519,523],{"id":195,"title":196,"slug":197},{"id":520,"title":521,"slug":522},69,"Surveys","surveys",{"id":524,"title":525,"slug":526},104,"User Research","user-research",[],[529,531,533,536,538,540,542,544,546,549,552,555,558,561,564,567,570,573,576,579],{"label":159,"to":530,"count":295},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":115,"to":532,"count":195},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":164,"to":534,"count":535},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",6,{"label":332,"to":537,"count":110},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":106,"to":539,"count":108},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":410,"to":541,"count":108},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":98,"to":543,"count":108},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":292,"to":545,"count":108},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":547,"to":548},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":550,"to":551},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":553,"to":554},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":556,"to":557},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":559,"to":560},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":562,"to":563},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":565,"to":566},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":568,"to":569},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":571,"to":572},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":574,"to":575},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":577,"to":578},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":580,"to":581},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"published_at":583,"updated_at":42},"2024-12-24T04:04:08.000Z"]