[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fpricing-section":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\u002Fpricing-section","collection","components",true,{"example_count":9,"app_count":10},164,103,{"id":12,"title":13,"description":14},303,"Pricing section","Explore how websites present subscription choices within a page section. Look at how prices, feature lists, billing options, and selection actions are arranged across plans.",{"title":16,"description":17,"og_image":18},"Pricing section UI examples - Nicelydone","Pricing section UI design examples from SaaS apps. Explore how websites present subscription choices within a page section. Look at how prices, feature…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ce3254d-8a36-4e04-b444-5fbed639b053.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Pricing section UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Pricing section UI design examples from SaaS apps. Explore how websites present subscription choices within a page section. Look at how prices, feature lists, billing options, and selection actions are…",[32],{"title":33,"description":14,"links":34},"About Pricing section",[],[36],"164 UI components",[38,68,97,127,154,172,199,217,247,266,296,314],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"84190fd5-3d7a-4fe2-934e-d15919481e92","Flask UI component","A pricing page displaying different subscription tiers for a video production collaboration tool.","\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents",2892,1567,"UI component from Flask","component",[48],{"id":12,"title":13,"slug":49},"pricing-section",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[56,60,64],{"id":57,"title":58,"slug":59},100,"Video","video",{"id":61,"title":62,"slug":63},23,"Collaboration","collaboration",{"id":65,"title":66,"slug":67},35,"Feedback","feedback",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"f59c97a0-a936-4885-9891-56eafbe88767","Origin Financial UI component","A promotional page for a financial service subscription, detailing its features and a special offer.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F26ef4cdc-8509-41b4-bd61-d5c5b0a0c86a.png",1060,1456,"UI component from Origin Financial",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[85,89,93],{"id":86,"title":87,"slug":88},36,"Finance","finance",{"id":90,"title":91,"slug":92},56,"Accounting","accounting",{"id":94,"title":95,"slug":96},80,"Artificial Intelligence","artificial-intelligence",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"kind":46,"categories":106,"app":108},"a0eab762-cb3e-47f7-bc47-95638df6254f","Steel UI component","A pricing page displaying three different service tiers with their respective costs, descriptions, and included features.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a9b8de9-8695-4aa3-8a77-6220c35a0c24.png",2469,1748,"UI component from Steel",[107],{"id":12,"title":13,"slug":49},{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[114,118,119,123],{"id":115,"title":116,"slug":117},48,"Developer Tools","developer-tools",{"id":94,"title":95,"slug":96},{"id":120,"title":121,"slug":122},37,"Developer APIs","developer-apis",{"id":124,"title":125,"slug":126},45,"Open Source","open-source",{"uuid":128,"title":129,"description":130,"canonical_path":131,"image":132,"width":133,"height":134,"image_alt":135,"kind":46,"categories":136,"app":138},"64017ca4-6b61-476d-8c45-630c1cb52521","Zaro UI component","A web page displaying options to purchase credit packs with different quantities and prices, highlighting a 'best value' option.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f8a7f17-c464-4e46-876b-8203c9bf6b08.png",2810,1322,"UI component from Zaro",[137],{"id":12,"title":13,"slug":49},{"slug":139,"title":140,"logo":141,"baseline":142,"categories":143},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[144,145,146,150],{"id":61,"title":62,"slug":63},{"id":94,"title":95,"slug":96},{"id":147,"title":148,"slug":149},22,"Knowledge Management","knowledge-management",{"id":151,"title":152,"slug":153},46,"Analytics","analytics",{"uuid":155,"title":156,"description":157,"canonical_path":158,"image":159,"width":160,"height":161,"image_alt":162,"kind":46,"categories":163,"app":165},"1c88c858-3fb6-410b-b6e1-d162e9f0aef0","Riverside UI component","Pricing page displaying subscription plans for a podcast and video editing platform.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb11771a-0792-4065-9bc4-fc40d4e44ca9.png",2575,1740,"UI component from Riverside",[164],{"id":12,"title":13,"slug":49},{"slug":166,"title":167,"logo":168,"baseline":169,"categories":170},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[171],{"id":57,"title":58,"slug":59},{"uuid":173,"title":174,"description":175,"canonical_path":176,"image":177,"width":178,"height":179,"image_alt":180,"kind":46,"categories":181,"app":183},"640203b7-2512-479f-9824-ceb977f77949","Axiom UI component","A pricing comparison interface for cloud services, featuring a data ingestion slider, estimated cost display, and a list comparing the service's pricing against competitors.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c275f57-ed1a-4fda-ba4e-9bacc2d13d2e.png",2673,2117,"UI component from Axiom",[182],{"id":12,"title":13,"slug":49},{"slug":184,"title":185,"logo":186,"baseline":187,"categories":188},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[189,190,194,198],{"id":151,"title":152,"slug":153},{"id":191,"title":192,"slug":193},57,"Big data","big-data",{"id":195,"title":196,"slug":197},16,"Monitoring","monitoring",{"id":115,"title":116,"slug":117},{"uuid":200,"title":201,"description":202,"canonical_path":203,"image":204,"width":205,"height":206,"image_alt":207,"kind":46,"categories":208,"app":210},"ee185d55-153c-4d75-8c5d-ac784977823e","Visitors UI component","A pricing page displaying subscription plans, features, and a real-time user activity map.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5350b80a-fbe2-4131-a5b1-060a9cc52ee0.png",2224,1668,"UI component from Visitors",[209],{"id":12,"title":13,"slug":49},{"slug":211,"title":212,"logo":213,"baseline":214,"categories":215},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[216],{"id":151,"title":152,"slug":153},{"uuid":218,"title":219,"description":220,"canonical_path":221,"image":222,"width":223,"height":224,"image_alt":225,"kind":46,"categories":226,"app":228},"093a98c2-8f81-4029-bdcd-e13b804ffdf1","Bloom UI component","A pricing and plan comparison page for an AI assistant product, featuring free and paid tiers with detailed feature lists and call-to-action buttons.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8837706-0137-4040-af3b-5fb2e3bf2e4f.png",3024,1116,"UI component from Bloom",[227],{"id":12,"title":13,"slug":49},{"slug":229,"title":230,"logo":231,"baseline":232,"categories":233},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[234,235,239,243],{"id":94,"title":95,"slug":96},{"id":236,"title":237,"slug":238},3,"Shopping","shopping",{"id":240,"title":241,"slug":242},7,"Web Development","web-development",{"id":244,"title":245,"slug":246},96,"No code","no-code",{"uuid":248,"title":249,"description":250,"canonical_path":251,"image":252,"width":223,"height":253,"image_alt":254,"kind":46,"categories":255,"app":257},"1dfe0680-3018-46bb-a459-60a0abac98a3","Appwrite UI component","A pricing page showcasing different subscription plans for a software product.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ca1c03c-eab4-4229-a745-c19a50bbd5ed.png",1505,"UI component from Appwrite",[256],{"id":12,"title":13,"slug":49},{"slug":258,"title":259,"logo":260,"baseline":261,"categories":262},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[263,264,265],{"id":115,"title":116,"slug":117},{"id":120,"title":121,"slug":122},{"id":124,"title":125,"slug":126},{"uuid":267,"title":268,"description":269,"canonical_path":270,"image":271,"width":272,"height":273,"image_alt":274,"kind":46,"categories":275,"app":277},"a293ce0d-ba60-43b0-8808-dffd9fc95d8f","Plan Selector","Lets users compare and select between yearly and monthly subscription tiers before checkout","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3add4486-5001-4333-84fe-6e923061245a.png",1152,1182,"Plan Selector from Beside",[276],{"id":12,"title":13,"slug":49},{"slug":278,"title":279,"logo":280,"baseline":281,"categories":282},"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",[283,284,288,292],{"id":94,"title":95,"slug":96},{"id":285,"title":286,"slug":287},47,"Customer Service","customer-service",{"id":289,"title":290,"slug":291},53,"CRM","crm",{"id":293,"title":294,"slug":295},82,"Communication","communication",{"uuid":297,"title":298,"description":299,"canonical_path":300,"image":301,"width":302,"height":303,"image_alt":304,"kind":46,"categories":305,"app":307},"859ad423-45b0-4732-892c-b59f465e5b29","Subscription Plan Selector","Modal for selecting monthly or yearly subscription plan, adding payment, and starting a free trial","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Facf85092-54be-4c06-ab8a-7dfe4dd92f67.png",949,1467,"Subscription Plan Selector from Copilot",[306],{"id":12,"title":13,"slug":49},{"slug":308,"title":309,"logo":310,"baseline":311,"categories":312},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[313],{"id":86,"title":87,"slug":88},{"uuid":315,"title":316,"description":317,"canonical_path":318,"image":319,"width":320,"height":321,"image_alt":322,"kind":46,"categories":323,"app":325},"eaecd0df-059d-4ce5-997e-e426075d9734","Pay as you go pricing card","Displays usage-based pricing tiers and costs for search, content, answer and research features with current plan badge.","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d9b6c6c-b3ae-480b-a697-78f368f32eeb.png",1005,1325,"Pay as you go pricing card from Exa",[324],{"id":12,"title":13,"slug":49},{"slug":326,"title":327,"logo":328,"baseline":329,"categories":330},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[331,335,336],{"id":332,"title":333,"slug":334},55,"Search engine","search-engine",{"id":94,"title":95,"slug":96},{"id":120,"title":121,"slug":122},[],[339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384],{"label":340,"to":341},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":343,"to":344},"Pricing","\u002Fexamples\u002Fscreens\u002Fpricing",{"label":346,"to":347},"Pricing Page","\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":349,"to":350},"Product Page","\u002Fexamples\u002Fpages\u002Fproduct-page",{"label":352,"to":353},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":355,"to":356},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":358,"to":359},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":361,"to":362},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":364,"to":365},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":367,"to":368},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":370,"to":371},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":373,"to":374},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":376,"to":377},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":379,"to":380},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":382,"to":383},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":385,"to":386},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"published_at":388,"updated_at":389},"2024-02-26T09:33:29.000Z","2026-09-17T10:44:16.000Z"]