[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fusage-based-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":498,"links":499,"dates":547},"\u002Fexamples\u002Ftags\u002Fusage-based-pricing","collection","screens",true,{"example_count":9,"app_count":10},121,74,{"id":12,"title":13,"description":14},72795,"Usage-based pricing","",{"title":16,"description":17,"og_image":18},"Usage-based pricing screen examples - Nicelydone","Usage-based pricing screen design examples from SaaS apps. Browse examples from Inference, Zaro, Axiom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ce65477-2244-42c0-924d-d7142f47f38a.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Usage-based pricing screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"121 screens",[34,93,133,174,203,260,298,328,355,385,412,466],{"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":71},"8ce65477-2244-42c0-924d-d7142f47f38a","Pricing | Inference.net","Pricing page for an AI infrastructure platform featuring a free tier, a growth tier, an enterprise contact option, and an embedded calendar to book a meeting with the research team.","\u002Fexamples\u002Fapps\u002Finference\u002Fmarketing",3024,5891,"Pricing | Inference.net from Inference","2026-09-07T10:14:44.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,67],{"id":56,"title":57,"slug":58},174,"Card","card",{"id":60,"title":61,"slug":62},260,"Badge","badge",{"id":64,"title":65,"slug":66},258,"Header","header",{"id":68,"title":69,"slug":70},202,"Footer","footer",{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[77,81,85,89],{"id":78,"title":79,"slug":80},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},16,"Monitoring","monitoring",{"id":86,"title":87,"slug":88},37,"Developer APIs","developer-apis",{"id":90,"title":91,"slug":92},80,"Artificial Intelligence","artificial-intelligence",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":39,"height":99,"image_alt":100,"published_at":101,"kind":43,"patterns":102,"component_categories":105,"app":114},"eb5ff261-3e81-40b5-a2a3-3bbe9210016a","Pricing - Zaro","Pricing page where users can choose between a Sandbox plan with monthly credits or an Enterprise plan, and purchase one-time credit top-ups.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb5ff261-3e81-40b5-a2a3-3bbe9210016a.png",6914,"Pricing - Zaro from Zaro","2026-08-24T10:01:28.000Z",[103],{"id":46,"label":47,"slug":48,"rank":49,"group":104},{"id":51,"label":52,"slug":53},[106,110,111,112,113],{"id":107,"title":108,"slug":109},189,"FAQ","faq",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":115,"title":116,"logo":117,"baseline":118,"categories":119},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[120,124,125,129],{"id":121,"title":122,"slug":123},23,"Collaboration","collaboration",{"id":90,"title":91,"slug":92},{"id":126,"title":127,"slug":128},22,"Knowledge Management","knowledge-management",{"id":130,"title":131,"slug":132},46,"Analytics","analytics",{"uuid":134,"title":135,"description":136,"canonical_path":137,"image":138,"width":39,"height":139,"image_alt":140,"published_at":141,"kind":43,"patterns":142,"component_categories":148,"app":161},"bfc47de9-c747-405c-9658-26310f5be986","Modern observability. One platform. Every signal - Axiom","Marketing page detailing the observability use case, highlighting features like petabyte-scale ingestion, distributed tracing, and usage-based pricing, along with competitor comparisons and a customer testimonial.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfc47de9-c747-405c-9658-26310f5be986.png",15628,"Modern observability. One platform. Every signal - Axiom from Axiom","2026-08-18T09:00:19.000Z",[143],{"id":144,"label":145,"slug":146,"rank":49,"group":147},139,"Use Case Page","use-case-page",{"id":51,"label":52,"slug":53},[149,153,154,158,159,160],{"id":150,"title":151,"slug":152},232,"Testimonial","testimonial",{"id":107,"title":108,"slug":109},{"id":155,"title":156,"slug":157},175,"Button","button",{"id":56,"title":57,"slug":58},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":162,"title":163,"logo":164,"baseline":165,"categories":166},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[167,168,172,173],{"id":130,"title":131,"slug":132},{"id":169,"title":170,"slug":171},57,"Big data","big-data",{"id":82,"title":83,"slug":84},{"id":78,"title":79,"slug":80},{"uuid":175,"title":176,"description":177,"canonical_path":178,"image":179,"width":39,"height":180,"image_alt":181,"published_at":182,"kind":43,"patterns":183,"component_categories":186,"app":190},"73d9e229-df1e-473b-a7a4-f49415b312b4","Extend Pricing | Document Processing Plans from Free to Enterprise","Pricing page featuring a pay-as-you-go tier, a fixed monthly scale tier, and a custom enterprise option, followed by a detailed feature comparison matrix.","\u002Fexamples\u002Fapps\u002Fextend\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73d9e229-df1e-473b-a7a4-f49415b312b4.png",9908,"Extend Pricing | Document Processing Plans from Free to Enterprise from Extend","2026-08-17T12:39:21.000Z",[184],{"id":46,"label":47,"slug":48,"rank":49,"group":185},{"id":51,"label":52,"slug":53},[187,188,189],{"id":107,"title":108,"slug":109},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":191,"title":192,"logo":193,"baseline":194,"categories":195},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[196,200,201,202],{"id":197,"title":198,"slug":199},77,"Machine learning","machine-learning",{"id":90,"title":91,"slug":92},{"id":86,"title":87,"slug":88},{"id":78,"title":79,"slug":80},{"uuid":204,"title":205,"description":206,"canonical_path":207,"image":208,"width":39,"height":209,"image_alt":210,"published_at":211,"kind":43,"patterns":212,"component_categories":230,"app":253},"19e8e8c6-c4c9-46f1-b12c-734486842efb","Billing - Visitors","Settings page where the user configures their billing plan by selecting between monthly and annual billing and adjusting their monthly event quota via a slider.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19e8e8c6-c4c9-46f1-b12c-734486842efb.png",1758,"Billing - Visitors from Visitors","2026-07-20T12:18:36.000Z",[213,221],{"id":214,"label":215,"slug":216,"rank":49,"group":217},89,"Pricing","pricing",{"id":218,"label":219,"slug":220},9,"Plans & Limits","plans-and-limits",{"id":222,"label":223,"slug":224,"rank":225,"group":226},96,"Billing Settings","billing-settings",1,{"id":227,"label":228,"slug":229},10,"Settings & Admin","settings-and-admin",[231,235,239,243,247,251,252],{"id":232,"title":233,"slug":234},240,"Horizontal navigation","horizontal-navigation",{"id":236,"title":237,"slug":238},169,"Avatar","avatar",{"id":240,"title":241,"slug":242},284,"Modal","modal",{"id":244,"title":245,"slug":246},223,"Slider","slider",{"id":248,"title":249,"slug":250},233,"Tabs","tabs",{"id":155,"title":156,"slug":157},{"id":60,"title":61,"slug":62},{"slug":254,"title":255,"logo":256,"baseline":257,"categories":258},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[259],{"id":130,"title":131,"slug":132},{"uuid":261,"title":262,"description":263,"canonical_path":264,"image":265,"width":39,"height":209,"image_alt":266,"published_at":267,"kind":43,"patterns":268,"component_categories":279,"app":284},"07e7ac7f-5511-43b2-94fd-7107246643f9","My first AI agent","In-app billing settings modal where the user can compare Pro, Business, and Enterprise plans, toggle between annual and monthly billing, and manage usage credits.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07e7ac7f-5511-43b2-94fd-7107246643f9.png","My first AI agent from Voiceflow","2026-07-07T07:44:33.000Z",[269,271,273],{"id":214,"label":215,"slug":216,"rank":49,"group":270},{"id":218,"label":219,"slug":220},{"id":222,"label":223,"slug":224,"rank":225,"group":272},{"id":227,"label":228,"slug":229},{"id":274,"label":275,"slug":276,"rank":277,"group":278},92,"Upgrade Prompt","upgrade-prompt",2,{"id":218,"label":219,"slug":220},[280,281,282,283],{"id":240,"title":241,"slug":242},{"id":248,"title":249,"slug":250},{"id":155,"title":156,"slug":157},{"id":60,"title":61,"slug":62},{"slug":285,"title":286,"logo":287,"baseline":288,"categories":289},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[290,291,295],{"id":90,"title":91,"slug":92},{"id":292,"title":293,"slug":294},47,"Customer Service","customer-service",{"id":222,"title":296,"slug":297},"No code","no-code",{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":39,"height":304,"image_alt":305,"published_at":306,"kind":43,"patterns":307,"component_categories":310,"app":316},"09d3ce71-d170-41ef-ba5d-4482c1898f62","API Pricing  Exa","Pricing page detailing usage-based tiers for search, deep search, and agent endpoints, alongside specific use cases like coding agents and chatbots.","\u002Fexamples\u002Fapps\u002Fexa\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F09d3ce71-d170-41ef-ba5d-4482c1898f62.png",9750,"API Pricing  Exa from Exa","2026-06-23T14:19:28.000Z",[308],{"id":46,"label":47,"slug":48,"rank":49,"group":309},{"id":51,"label":52,"slug":53},[311,312,313,314,315],{"id":248,"title":249,"slug":250},{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":317,"title":318,"logo":319,"baseline":320,"categories":321},"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",[322,326,327],{"id":323,"title":324,"slug":325},55,"Search engine","search-engine",{"id":90,"title":91,"slug":92},{"id":86,"title":87,"slug":88},{"uuid":329,"title":330,"description":331,"canonical_path":332,"image":333,"width":39,"height":334,"image_alt":335,"published_at":336,"kind":43,"patterns":337,"component_categories":340,"app":346},"01268e82-e0d9-49f3-8163-5abd9f83b711","Browserbase Pricing Free, $20, $99, or Custom  Browserbase","Pricing page where the user compares four subscription tiers, views a detailed feature matrix, and reads customer testimonials before starting for free or contacting sales.","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01268e82-e0d9-49f3-8163-5abd9f83b711.png",12322,"Browserbase Pricing Free, $20, $99, or Custom  Browserbase from Browserbase","2026-06-16T18:57:03.000Z",[338],{"id":46,"label":47,"slug":48,"rank":49,"group":339},{"id":51,"label":52,"slug":53},[341,342,343,344,345],{"id":150,"title":151,"slug":152},{"id":107,"title":108,"slug":109},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":347,"title":348,"logo":349,"baseline":350,"categories":351},"browserbase","Browserbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","Give your agents access to the whole web.",[352,353,354],{"id":78,"title":79,"slug":80},{"id":90,"title":91,"slug":92},{"id":86,"title":87,"slug":88},{"uuid":356,"title":357,"description":358,"canonical_path":359,"image":360,"width":39,"height":361,"image_alt":362,"published_at":363,"kind":43,"patterns":364,"component_categories":367,"app":373},"7fe0611c-92ad-46d7-baa3-76ed05f100cf","FLORA Pricing — Flexible Plans for Teams & Creators","Pricing page for an AI creative tool featuring four subscription tiers, a detailed feature comparison table, and a breakdown of pooled team usage.","\u002Fexamples\u002Fapps\u002Fflora\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7fe0611c-92ad-46d7-baa3-76ed05f100cf.png",9808,"FLORA Pricing — Flexible Plans for Teams & Creators from Flora","2026-05-26T09:34:20.000Z",[365],{"id":46,"label":47,"slug":48,"rank":49,"group":366},{"id":51,"label":52,"slug":53},[368,369,370,371,372],{"id":248,"title":249,"slug":250},{"id":155,"title":156,"slug":157},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":374,"title":375,"logo":376,"baseline":377,"categories":378},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[379,380,384],{"id":90,"title":91,"slug":92},{"id":381,"title":382,"slug":383},8,"Design","design",{"id":121,"title":122,"slug":123},{"uuid":386,"title":387,"description":388,"canonical_path":389,"image":390,"width":39,"height":391,"image_alt":392,"published_at":393,"kind":43,"patterns":394,"component_categories":397,"app":404},"bd208dd6-4826-4889-b131-820f5111e2c1","ElevenAPI Pricing for creators and businesses of all sizes","Pricing page for API usage featuring an interactive cost calculator, model-specific pricing tiers, and a detailed feature comparison table.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd208dd6-4826-4889-b131-820f5111e2c1.png",14120,"ElevenAPI Pricing for creators and businesses of all sizes from Elevenlabs","2026-05-11T13:29:11.000Z",[395],{"id":46,"label":47,"slug":48,"rank":49,"group":396},{"id":51,"label":52,"slug":53},[398,399,400,401,402,403],{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":107,"title":108,"slug":109},{"id":56,"title":57,"slug":58},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":405,"title":406,"logo":407,"baseline":408,"categories":409},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[410,411],{"id":90,"title":91,"slug":92},{"id":86,"title":87,"slug":88},{"uuid":413,"title":414,"description":415,"canonical_path":416,"image":417,"width":418,"height":419,"image_alt":420,"published_at":421,"kind":43,"patterns":422,"component_categories":441,"app":448},"fb53d55e-dc41-41a9-8764-4f479e7d5afd","Finally, let's figure out your monthly credits. - SMS Channel Setup | Mailchimp","Onboarding step where the user selects their monthly SMS credit volume based on subscriber count and reviews the prorated pricing before subscribing.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb53d55e-dc41-41a9-8764-4f479e7d5afd.png",2880,1670,"Finally, let's figure out your monthly credits. - SMS Channel Setup | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[423,431,433],{"id":424,"label":425,"slug":426,"rank":49,"group":427},130,"Checkout","checkout",{"id":428,"label":429,"slug":430},14,"Payments & Checkout","payments-and-checkout",{"id":214,"label":215,"slug":216,"rank":225,"group":432},{"id":218,"label":219,"slug":220},{"id":434,"label":435,"slug":436,"rank":277,"group":437},75,"Setup Wizard","setup-wizard",{"id":438,"label":439,"slug":440},7,"Onboarding & Education","onboarding-and-education",[442,446,447],{"id":443,"title":444,"slug":445},177,"Breadcrumb","breadcrumb",{"id":155,"title":156,"slug":157},{"id":56,"title":57,"slug":58},{"slug":449,"title":450,"logo":451,"baseline":452,"categories":453},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[454,458,462],{"id":455,"title":456,"slug":457},25,"Marketing","marketing",{"id":459,"title":460,"slug":461},27,"Email Newsletters","email-newsletters",{"id":463,"title":464,"slug":465},68,"SMS","sms",{"uuid":467,"title":468,"description":469,"canonical_path":470,"image":471,"width":39,"height":472,"image_alt":473,"published_at":474,"kind":43,"patterns":475,"component_categories":478,"app":482},"602c96d2-a1e4-4b12-9d6d-2db337d8333c","SMS CRM Pricing SMS API & Messaging Service Pricing  Bird","Pricing page where the user can view outbound and inbound SMS rates per country and select their preferred currency.","\u002Fexamples\u002Fapps\u002Fbird\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F602c96d2-a1e4-4b12-9d6d-2db337d8333c.png",8500,"SMS CRM Pricing SMS API & Messaging Service Pricing  Bird from Bird","2026-03-30T13:53:59.000Z",[476],{"id":46,"label":47,"slug":48,"rank":49,"group":477},{"id":51,"label":52,"slug":53},[479,480,481],{"id":155,"title":156,"slug":157},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":483,"title":484,"logo":485,"baseline":486,"categories":487},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[488,489,490,494,495],{"id":455,"title":456,"slug":457},{"id":86,"title":87,"slug":88},{"id":491,"title":492,"slug":493},53,"CRM","crm",{"id":463,"title":464,"slug":465},{"id":274,"title":496,"slug":497},"Email","email",[],[500,503,505,507,509,511,514,517,520,523,526,529,532,535,538,541,544],{"label":215,"to":501,"count":502},"\u002Fexamples\u002Fscreens\u002Fpricing",3,{"label":223,"to":504,"count":277},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":425,"to":506,"count":225},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":435,"to":508,"count":225},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":275,"to":510,"count":225},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":512,"to":513},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":515,"to":516},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":518,"to":519},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":521,"to":522},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":524,"to":525},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":527,"to":528},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":530,"to":531},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":533,"to":534},"Browserbase design examples","\u002Fexamples\u002Fapps\u002Fbrowserbase",{"label":536,"to":537},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":539,"to":540},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":542,"to":543},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":545,"to":546},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"published_at":548,"updated_at":42},"2024-12-31T02:38:10.000Z"]