[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpricing-calculator":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":519,"links":520,"dates":571},"\u002Fexamples\u002Ftags\u002Fpricing-calculator","collection","screens",true,{"example_count":9,"app_count":10},1092,181,{"id":12,"title":13,"description":14},147348,"Pricing calculator","",{"title":16,"description":17,"og_image":18},"Pricing calculator screen examples - Nicelydone","Pricing calculator screen design examples from SaaS apps. Browse examples from Latitude.sh, Axiom, Beside.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffac7a654-49d3-407d-b80b-d4594658d004.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Pricing calculator screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1092 screens",[34,87,146,194,227,285,321,361,388,429,457,487],{"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":60,"app":77},"fac7a654-49d3-407d-b80b-d4594658d004","Create virtual machines – Dashboard - Latitude.sh","Creation form where the user configures a new virtual machine by selecting an operating system, version, and optional SSH keys, with a sticky summary bar showing the total cost.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens",3024,1758,"Create virtual machines – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},7,"Add & Create","add-and-create",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},13,"Filter & Sort","filter-and-sort",1,{"id":51,"label":52,"slug":53},[61,65,69,73],{"id":62,"title":63,"slug":64},177,"Breadcrumb","breadcrumb",{"id":66,"title":67,"slug":68},257,"Input number","input-number",{"id":70,"title":71,"slug":72},175,"Button","button",{"id":74,"title":75,"slug":76},174,"Card","card",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[83],{"id":84,"title":85,"slug":86},48,"Developer Tools","developer-tools",{"uuid":88,"title":89,"description":90,"canonical_path":91,"image":92,"width":39,"height":93,"image_alt":94,"published_at":95,"kind":43,"patterns":96,"component_categories":105,"app":127},"f71019aa-9ccd-4b63-b684-aef41969745c","Axiom vs Splunk - Axiom","Competitive comparison page detailing how Axiom's machine data platform differs from Splunk in pricing, features, and workload costs.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff71019aa-9ccd-4b63-b684-aef41969745c.png",14602,"Axiom vs Splunk - Axiom from Axiom","2026-08-18T09:00:19.000Z",[97],{"id":98,"label":99,"slug":100,"rank":49,"group":101},148,"Comparison Page","comparison-page",{"id":102,"label":103,"slug":104},15,"Marketing Page Types","marketing-page-types",[106,110,114,118,122,126],{"id":107,"title":108,"slug":109},223,"Slider","slider",{"id":111,"title":112,"slug":113},189,"FAQ","faq",{"id":115,"title":116,"slug":117},260,"Badge","badge",{"id":119,"title":120,"slug":121},202,"Footer","footer",{"id":123,"title":124,"slug":125},258,"Header","header",{"id":74,"title":75,"slug":76},{"slug":128,"title":129,"logo":130,"baseline":131,"categories":132},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[133,137,141,145],{"id":134,"title":135,"slug":136},46,"Analytics","analytics",{"id":138,"title":139,"slug":140},57,"Big data","big-data",{"id":142,"title":143,"slug":144},16,"Monitoring","monitoring",{"id":84,"title":85,"slug":86},{"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":161,"app":172},"f9b3dda6-cb30-4cd6-b19c-45588db6b405","Pricing","Pricing page where the user can view subscription plans, estimate their monthly cost based on users and lines, and review a detailed feature breakdown.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9b3dda6-cb30-4cd6-b19c-45588db6b405.png",7962,"Pricing from Beside","2026-06-29T18:30:01.000Z",[156],{"id":157,"label":158,"slug":159,"rank":49,"group":160},143,"Pricing Page","pricing-page",{"id":102,"label":103,"slug":104},[162,166,167,168,169,170,171],{"id":163,"title":164,"slug":165},168,"Accordion","accordion",{"id":66,"title":67,"slug":68},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":173,"title":174,"logo":175,"baseline":176,"categories":177},"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",[178,182,186,190],{"id":179,"title":180,"slug":181},80,"Artificial Intelligence","artificial-intelligence",{"id":183,"title":184,"slug":185},47,"Customer Service","customer-service",{"id":187,"title":188,"slug":189},53,"CRM","crm",{"id":191,"title":192,"slug":193},82,"Communication","communication",{"uuid":195,"title":196,"description":197,"canonical_path":198,"image":199,"width":39,"height":200,"image_alt":201,"published_at":202,"kind":43,"patterns":203,"component_categories":206,"app":216},"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",[204],{"id":157,"label":158,"slug":159,"rank":49,"group":205},{"id":102,"label":103,"slug":104},[207,211,212,213,214,215],{"id":208,"title":209,"slug":210},233,"Tabs","tabs",{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[222,223],{"id":179,"title":180,"slug":181},{"id":224,"title":225,"slug":226},37,"Developer APIs","developer-apis",{"uuid":228,"title":229,"description":230,"canonical_path":231,"image":232,"width":233,"height":234,"image_alt":235,"published_at":236,"kind":43,"patterns":237,"component_categories":258,"app":267},"4c4766fb-ad8a-4648-bc50-e2c8368ef388","Plans | Mailchimp","Paywall modal where the user can start a 14-day free trial of the Standard plan, select their contact tier, and choose between annual or monthly billing.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c4766fb-ad8a-4648-bc50-e2c8368ef388.png",2880,1670,"Plans | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[238,245,250],{"id":239,"label":148,"slug":240,"rank":49,"group":241},89,"pricing",{"id":242,"label":243,"slug":244},9,"Plans & Limits","plans-and-limits",{"id":246,"label":247,"slug":248,"rank":58,"group":249},91,"Trial","trial",{"id":242,"label":243,"slug":244},{"id":251,"label":252,"slug":253,"rank":51,"group":254},130,"Checkout","checkout",{"id":255,"label":256,"slug":257},14,"Payments & Checkout","payments-and-checkout",[259,263,264,265,266],{"id":260,"title":261,"slug":262},284,"Modal","modal",{"id":208,"title":209,"slug":210},{"id":70,"title":71,"slug":72},{"id":115,"title":116,"slug":117},{"id":74,"title":75,"slug":76},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[273,277,281],{"id":274,"title":275,"slug":276},25,"Marketing","marketing",{"id":278,"title":279,"slug":280},27,"Email Newsletters","email-newsletters",{"id":282,"title":283,"slug":284},68,"SMS","sms",{"uuid":286,"title":287,"description":288,"canonical_path":289,"image":290,"width":39,"height":291,"image_alt":292,"published_at":293,"kind":43,"patterns":294,"component_categories":300,"app":307},"d8e21a1c-c22a-4962-bc3b-9b1de7017e35","Bird Marketing  Omnichannel Marketing Platform for Email, SMS & WhatsApp #0","Long-scroll product page for an omnichannel marketing platform detailing features like AI, cross-channel analytics, and compliance, concluding with pricing tiers and an interactive cost calculator.","\u002Fexamples\u002Fapps\u002Fbird\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e21a1c-c22a-4962-bc3b-9b1de7017e35.png",32768,"Bird Marketing  Omnichannel Marketing Platform for Email, SMS & WhatsApp #0 from Bird","2026-03-30T13:53:59.000Z",[295],{"id":296,"label":297,"slug":298,"rank":49,"group":299},137,"Product Page","product-page",{"id":102,"label":103,"slug":104},[301,305,306],{"id":302,"title":303,"slug":304},232,"Testimonial","testimonial",{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":308,"title":309,"logo":310,"baseline":311,"categories":312},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[313,314,315,316,317],{"id":274,"title":275,"slug":276},{"id":224,"title":225,"slug":226},{"id":187,"title":188,"slug":189},{"id":282,"title":283,"slug":284},{"id":318,"title":319,"slug":320},92,"Email","email",{"uuid":322,"title":323,"description":324,"canonical_path":325,"image":326,"width":327,"height":328,"image_alt":329,"published_at":330,"kind":43,"patterns":331,"component_categories":334,"app":342},"57272a4e-818d-4f64-8ce2-45d7f5a87c62","Gumloop  Pricing","Pricing page where the user configures their monthly credit volume via a slider to see plan costs, compares features across four tiers, and reviews frequently asked questions.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57272a4e-818d-4f64-8ce2-45d7f5a87c62.png",3016,11436,"Gumloop  Pricing from Gumloop","2025-12-15T13:33:51.000Z",[332],{"id":157,"label":158,"slug":159,"rank":49,"group":333},{"id":102,"label":103,"slug":104},[335,336,337,338,339,340,341],{"id":208,"title":209,"slug":210},{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":343,"title":344,"logo":345,"baseline":346,"categories":347},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[348,352,353,357],{"id":349,"title":350,"slug":351},30,"Productivity","productivity",{"id":179,"title":180,"slug":181},{"id":354,"title":355,"slug":356},96,"No code","no-code",{"id":358,"title":359,"slug":360},105,"Workflow Automation","workflow-automation",{"uuid":362,"title":363,"description":364,"canonical_path":365,"image":366,"width":39,"height":367,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":373,"app":379},"ad52191d-e151-4d73-b1db-214c2e4d45fd","Cofounder  Pricing","Pricing page where the user estimates their monthly cost using a credit slider and compares three subscription tiers from Free to Enterprise.","\u002Fexamples\u002Fapps\u002Fcofounder\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad52191d-e151-4d73-b1db-214c2e4d45fd.png",7040,"Cofounder  Pricing from Cofounder","2025-11-17T19:43:13.000Z",[371],{"id":157,"label":158,"slug":159,"rank":49,"group":372},{"id":102,"label":103,"slug":104},[374,375,376,377,378],{"id":163,"title":164,"slug":165},{"id":107,"title":108,"slug":109},{"id":111,"title":112,"slug":113},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":380,"title":381,"logo":382,"baseline":383,"categories":384},"cofounder","Cofounder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4cc93e65-72a6-45c1-b609-72d100b8934a.png","Automate your life with natural language",[385,386,387],{"id":179,"title":180,"slug":181},{"id":349,"title":350,"slug":351},{"id":358,"title":359,"slug":360},{"uuid":389,"title":390,"description":391,"canonical_path":392,"image":393,"width":39,"height":394,"image_alt":395,"published_at":396,"kind":43,"patterns":397,"component_categories":415,"app":420},"d140e6dd-b821-4cbb-bec4-224ba72f0cfc","Billing & usage | Quin","Settings page where the user configures billing and usage, currently showing a modal to choose the Ultimate plan with team member and payment term options.","\u002Fexamples\u002Fapps\u002Fquin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd140e6dd-b821-4cbb-bec4-224ba72f0cfc.png",1780,"Billing & usage | Quin from Quin","2025-11-03T21:18:36.000Z",[398,400,402,409],{"id":239,"label":148,"slug":240,"rank":49,"group":399},{"id":242,"label":243,"slug":244},{"id":251,"label":252,"slug":253,"rank":58,"group":401},{"id":255,"label":256,"slug":257},{"id":354,"label":403,"slug":404,"rank":51,"group":405},"Billing Settings","billing-settings",{"id":406,"label":407,"slug":408},10,"Settings & Admin","settings-and-admin",{"id":410,"label":411,"slug":412,"rank":413,"group":414},131,"Payment Form","payment-form",3,{"id":255,"label":256,"slug":257},[416,417,418,419],{"id":260,"title":261,"slug":262},{"id":70,"title":71,"slug":72},{"id":115,"title":116,"slug":117},{"id":74,"title":75,"slug":76},{"slug":421,"title":422,"logo":423,"baseline":424,"categories":425},"quin","Quin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb4f27845-aeea-4c59-b6e7-8a255620ae41.png","Meet your dream assistant",[426,427,428],{"id":179,"title":180,"slug":181},{"id":349,"title":350,"slug":351},{"id":358,"title":359,"slug":360},{"uuid":430,"title":431,"description":432,"canonical_path":433,"image":434,"width":39,"height":435,"image_alt":436,"published_at":437,"kind":43,"patterns":438,"component_categories":441,"app":447},"2d488120-567a-442e-beb8-05d74262dfde","Kinsta® Pricing Calculator – Get an Instant Cost Estimate","Pricing page where the user can build a custom hosting stack by adding services to estimate their total monthly cost.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d488120-567a-442e-beb8-05d74262dfde.png",3772,"Kinsta® Pricing Calculator – Get an Instant Cost Estimate from Kinsta","2025-11-03T21:16:47.000Z",[439],{"id":157,"label":158,"slug":159,"rank":49,"group":440},{"id":102,"label":103,"slug":104},[442,443,444,445,446],{"id":70,"title":71,"slug":72},{"id":119,"title":120,"slug":121},{"id":115,"title":116,"slug":117},{"id":123,"title":124,"slug":125},{"id":74,"title":75,"slug":76},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[453,456],{"id":46,"title":454,"slug":455},"Web Development","web-development",{"id":84,"title":85,"slug":86},{"uuid":458,"title":459,"description":460,"canonical_path":461,"image":462,"width":39,"height":463,"image_alt":464,"published_at":465,"kind":43,"patterns":466,"component_categories":469,"app":476},"f997a663-3031-4865-91b7-c14a3ad294b0","Grammarly Business Pricing and Plans  Grammarly","Pricing page where the user can calculate the cost based on their team size and choose between Business and Enterprise plans.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff997a663-3031-4865-91b7-c14a3ad294b0.png",7594,"Grammarly Business Pricing and Plans  Grammarly from Grammarly","2025-10-27T15:38:24.000Z",[467],{"id":157,"label":158,"slug":159,"rank":49,"group":468},{"id":102,"label":103,"slug":104},[470,471,472,473,474,475],{"id":302,"title":303,"slug":304},{"id":66,"title":67,"slug":68},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":477,"title":478,"logo":479,"baseline":480,"categories":481},"grammarly","Grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[482,486],{"id":483,"title":484,"slug":485},59,"Writing tools","writing-tools",{"id":179,"title":180,"slug":181},{"uuid":488,"title":489,"description":490,"canonical_path":491,"image":492,"width":39,"height":493,"image_alt":494,"published_at":495,"kind":43,"patterns":496,"component_categories":499,"app":505},"cbfa8043-3145-4a6e-9d12-e41c21b6b3d1","Cake Pricing - Monthly & Annual Plans","Pricing page where the user configures their company country, cap table size, and billing cycle to view four subscription tiers and a detailed feature comparison table.","\u002Fexamples\u002Fapps\u002Fcake\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbfa8043-3145-4a6e-9d12-e41c21b6b3d1.png",9572,"Cake Pricing - Monthly & Annual Plans from Cake","2025-10-20T12:38:07.000Z",[497],{"id":157,"label":158,"slug":159,"rank":49,"group":498},{"id":102,"label":103,"slug":104},[500,501,502,503,504],{"id":70,"title":71,"slug":72},{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"slug":506,"title":507,"logo":508,"baseline":509,"categories":510},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[511,515],{"id":512,"title":513,"slug":514},36,"Finance","finance",{"id":516,"title":517,"slug":518},63,"Startups","startups",[],[521,523,525,527,529,531,533,535,538,541,544,547,550,553,556,559,562,565,568],{"label":252,"to":522,"count":51},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":148,"to":524,"count":51},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":47,"to":526,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":403,"to":528,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":56,"to":530,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":411,"to":532,"count":58},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":247,"to":534,"count":58},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":536,"to":537},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":539,"to":540},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":542,"to":543},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":545,"to":546},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":548,"to":549},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":551,"to":552},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":554,"to":555},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":557,"to":558},"Cofounder design examples","\u002Fexamples\u002Fapps\u002Fcofounder",{"label":560,"to":561},"Quin design examples","\u002Fexamples\u002Fapps\u002Fquin",{"label":563,"to":564},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":566,"to":567},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":569,"to":570},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"published_at":572,"updated_at":42},"2025-01-22T15:13:11.000Z"]