[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fupgrade-your-plan":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":37,"showcases":337,"links":338,"dates":387},"\u002Fexamples\u002Fcomponents\u002Fupgrade-your-plan","collection","components",true,{"example_count":9,"app_count":10},235,113,{"id":12,"title":13,"description":14},255,"Upgrade your plan","See how interfaces introduce additional access through a paid plan. Explore how upgrade components connect a feature or allowance with plan information and an upgrade action.",{"title":16,"description":17,"og_image":18},"Upgrade your plan UI examples - Nicelydone","Upgrade your plan UI design examples from SaaS apps. See how interfaces introduce additional access through a paid plan. Explore how upgrade components…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F826d819d-5d3f-488a-9e7b-9795961514e0.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Upgrade your plan UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Upgrade your plan UI design examples from SaaS apps. See how interfaces introduce additional access through a paid plan. Explore how upgrade components connect a feature or allowance with plan information and…",[32],{"title":33,"description":14,"links":34},"About Upgrade your plan",[],[36],"235 UI components",[38,60,88,107,133,155,177,206,229,255,277,307],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"64156d54-02c9-4ab7-96fd-156e34c55db7","Riverside UI component","A promotional banner for Riverside's PRO features, including 4K video, AI notes, and watermark-free exports, with a call to action to try PRO for free.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents",1827,339,"UI component from Riverside","component",[48],{"id":12,"title":13,"slug":49},"upgrade-your-plan",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[56],{"id":57,"title":58,"slug":59},100,"Video","video",{"uuid":61,"title":62,"canonical_path":63,"image":64,"width":65,"height":66,"image_alt":67,"kind":46,"categories":68,"app":70},"c4ac9118-2b13-41a4-99f1-c54cfac93f6c","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F25e449ae-e364-4c31-ad82-774b22a3b4ad.png",1561,1545,"UI component from Voiceflow",[69],{"id":12,"title":13,"slug":49},{"slug":71,"title":72,"logo":73,"baseline":74,"categories":75},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[76,80,84],{"id":77,"title":78,"slug":79},80,"Artificial Intelligence","artificial-intelligence",{"id":81,"title":82,"slug":83},47,"Customer Service","customer-service",{"id":85,"title":86,"slug":87},96,"No code","no-code",{"uuid":89,"title":90,"description":91,"canonical_path":92,"image":93,"width":94,"height":95,"image_alt":96,"kind":46,"categories":97,"app":99},"dda7d4d2-f820-4e2d-aeb0-0d567554453d","Quota Upgrade Alert","Rounded light-blue card with location pin icon, quota limit message and white Upgrade Plan button with diamond icon","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce43564b-5155-46ba-8193-e0762d8ae0d3.png",827,434,"Quota Upgrade Alert from HeyGen",[98],{"id":12,"title":13,"slug":49},{"slug":100,"title":101,"logo":102,"baseline":103,"categories":104},"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",[105,106],{"id":57,"title":58,"slug":59},{"id":77,"title":78,"slug":79},{"uuid":108,"title":109,"description":110,"canonical_path":111,"image":112,"width":113,"height":114,"image_alt":115,"kind":46,"categories":116,"app":118},"c5268775-a46a-46d2-8799-c72d8ec6963d","Flora UI component","A top navigation bar with a back button and a persistent alert banner indicating low account credits with options to get more or upgrade.","\u002Fexamples\u002Fapps\u002Fflora\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3602c83-1b0f-4ec2-baea-7cc36b0190b1.png",2497,171,"UI component from Flora",[117],{"id":12,"title":13,"slug":49},{"slug":119,"title":120,"logo":121,"baseline":122,"categories":123},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[124,125,129],{"id":77,"title":78,"slug":79},{"id":126,"title":127,"slug":128},8,"Design","design",{"id":130,"title":131,"slug":132},23,"Collaboration","collaboration",{"uuid":134,"title":135,"canonical_path":136,"image":137,"width":138,"height":139,"image_alt":140,"kind":46,"categories":141,"app":143},"f4519601-30e6-4d39-88f3-ad3eebeec4f2","Lovable UI component","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3e057fa2-3a5c-4a84-9586-bd332e4a6847.png",871,869,"UI component from Lovable",[142],{"id":12,"title":13,"slug":49},{"slug":144,"title":145,"logo":146,"baseline":147,"categories":148},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[149,150,154],{"id":77,"title":78,"slug":79},{"id":151,"title":152,"slug":153},7,"Web Development","web-development",{"id":85,"title":86,"slug":87},{"uuid":156,"title":157,"description":158,"canonical_path":159,"image":160,"width":161,"height":162,"image_alt":163,"kind":46,"categories":164,"app":166},"2efebb2c-1016-40ed-adda-229b880b7b3c","Elevenlabs UI component","A list of sound effects with playback options, duration, download counts, and a prompt to upgrade for downloading sound effects.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2ae9c95-a078-4ae5-8111-a716021f34b8.png",2422,540,"UI component from Elevenlabs",[165],{"id":12,"title":13,"slug":49},{"slug":167,"title":168,"logo":169,"baseline":170,"categories":171},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[172,173],{"id":77,"title":78,"slug":79},{"id":174,"title":175,"slug":176},37,"Developer APIs","developer-apis",{"uuid":178,"title":179,"description":180,"canonical_path":181,"image":182,"width":183,"height":184,"image_alt":185,"kind":46,"categories":186,"app":188},"8436550f-a90f-4976-b42d-f52a35a75386","Mailchimp UI component","A web page displaying an empty state for a locked feature, prompting the user to upgrade their subscription plan.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2ca5eff9-a947-4942-8fad-1a8e3a758744.png",2476,821,"UI component from Mailchimp",[187],{"id":12,"title":13,"slug":49},{"slug":189,"title":190,"logo":191,"baseline":192,"categories":193},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[194,198,202],{"id":195,"title":196,"slug":197},25,"Marketing","marketing",{"id":199,"title":200,"slug":201},27,"Email Newsletters","email-newsletters",{"id":203,"title":204,"slug":205},68,"SMS","sms",{"uuid":207,"title":208,"description":209,"canonical_path":210,"image":211,"width":212,"height":213,"image_alt":214,"kind":46,"categories":215,"app":217},"ea972a29-4096-497f-afe8-68163efc896a","Liveblocks UI component","A list of compliance documents and forms with options to download or upgrade plans.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1c31d481-8162-466d-9205-9e3d569d72f0.png",1668,1234,"UI component from Liveblocks",[216],{"id":12,"title":13,"slug":49},{"slug":218,"title":219,"logo":220,"baseline":221,"categories":222},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[223,227,228],{"id":224,"title":225,"slug":226},48,"Developer Tools","developer-tools",{"id":130,"title":131,"slug":132},{"id":174,"title":175,"slug":176},{"uuid":230,"title":231,"description":232,"canonical_path":233,"image":234,"width":235,"height":236,"image_alt":237,"kind":46,"categories":238,"app":240},"15412852-e00b-461f-a8de-5c021fca3704","Maze UI component","A modal dialog informing a user about a project limit on a free plan and offering options to upgrade or archive a project.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcccd2ea1-678b-49d4-a5f0-c8cb8734fcdf.png",1963,1145,"UI component from Maze",[239],{"id":12,"title":13,"slug":49},{"slug":241,"title":242,"logo":243,"baseline":244,"categories":245},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[246,247,251],{"id":126,"title":127,"slug":128},{"id":248,"title":249,"slug":250},69,"Surveys","surveys",{"id":252,"title":253,"slug":254},104,"User Research","user-research",{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":261,"height":262,"image_alt":263,"kind":46,"categories":264,"app":266},"612e27a4-a26b-4de3-9c42-3d87b134aa6c","Missive UI component","A modal window presenting a 30-day free trial offer with details on features, limitations, and a call to action to start the trial.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F106f0d57-effb-4ae2-ada5-7f2156614ee1.png",936,873,"UI component from Missive",[265],{"id":12,"title":13,"slug":49},{"slug":267,"title":268,"logo":269,"baseline":270,"categories":271},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[272,273],{"id":130,"title":131,"slug":132},{"id":274,"title":275,"slug":276},92,"Email","email",{"uuid":278,"title":279,"description":280,"canonical_path":281,"image":282,"width":283,"height":284,"image_alt":285,"kind":46,"categories":286,"app":288},"15c48604-dd14-4601-98c7-b88d2f8ef925","Cushion UI component","A modal dialog box notifying the user about the remaining trial days and prompting them to upgrade to a Pro subscription.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81622530-eb35-43b8-b7e1-b37a7aba0cc0.png",616,348,"UI component from Cushion",[287],{"id":12,"title":13,"slug":49},{"slug":289,"title":290,"logo":291,"baseline":292,"categories":293},"cushion-so","Cushion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[294,295,299,303],{"id":130,"title":131,"slug":132},{"id":296,"title":297,"slug":298},42,"Messaging","messaging",{"id":300,"title":301,"slug":302},82,"Communication","communication",{"id":304,"title":305,"slug":306},89,"Remote","remote",{"uuid":308,"title":309,"description":310,"canonical_path":311,"image":312,"width":313,"height":314,"image_alt":315,"kind":46,"categories":316,"app":318},"0c981dc9-dcb8-49e6-badf-9745deae4d6a","Linear UI component","A settings card with a feature toggle and an upgrade button.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac4a809c-677a-4fcc-8dcc-d9e54bfdcc9b.png",1536,397,"UI component from Linear",[317],{"id":12,"title":13,"slug":49},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[324,328,332,333],{"id":325,"title":326,"slug":327},29,"Task Management","task-management",{"id":329,"title":330,"slug":331},30,"Productivity","productivity",{"id":130,"title":131,"slug":132},{"id":334,"title":335,"slug":336},86,"Product management","product-management",[],[339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384],{"label":340,"to":341},"Upgrade Prompt","\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":343,"to":344},"Feature Gate","\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":346,"to":347},"AI Generation","\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":349,"to":350},"Confirmation","\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":352,"to":353},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":355,"to":356},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":358,"to":359},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":361,"to":362},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":364,"to":365},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":367,"to":368},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":370,"to":371},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":373,"to":374},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":376,"to":377},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":379,"to":380},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":382,"to":383},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":385,"to":386},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"published_at":388,"updated_at":389},"2022-08-22T21:31:21.000Z","2026-09-17T10:44:16.000Z"]