title | date | updatedDate | faqs | |||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Pricing |
2022-03-23 |
2024-06-15 |
|
<div class="w-full">
<header class="w-full mt-32">
<div class="max-w-7xl mx-auto px-2">
<div class="w-full flex flex-col items-center text-center gap-4">
<h1 class="font-bold text-4xl text-[50px] dark:text-white">Pay Only for What You Use</h1>
<p class="max-w-[300px] md:max-w-[500px] text-base-content font-medium text-base md:text-lg">Trust your APIs and only pay for the requests we analyze.</p>
</div>
</div>
</header>
<div class="max-w-7xl mx-auto px-2">
<section class="w-full grid md:grid-cols-3 gap-8 py-24">
<div
class="group rounded-2xl border p-6 flex duration-300 flex-col text-gray-700 justify-start gap-6 text-lef shadow-md">
<div class="flex flex-col gap-3 pb-1">
<div class="flex justify-between items-center">
<h3 class="font-medium text-[25px]">Free Plan</h3>
</div>
<div>
<div class="flex flex-col items-start gap-8px">
<span class="text-sm font-bold text-gray-400">Starts at ...</span>
<div class="">
<span class="font-bold text-6xl" >$0</span>
<span class="">/10k events per day</span>
<br>
</div>
</div>
</div>
</div>
<div class="text-gray-700 mt-auto">
<p class="font-bold mb-3">For hobby projects</p>
<ul class="flex flex-col gap-3 text-sm font-medium">
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>One team member
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>10k events per day
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Opentelemetry Logs and Traces
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API swagger/OpenAPI hosting
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API metrics custom monitors
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Last 3 days data retention
</li>
</ul>
</div>
<a href="https://app.apitoolkit.io/p/new"
class="mt-auto rounded-xl text-gray-700 flex flex-row justify-center px-4 py-[7px] border">
Get Started
</a>
</div>
<!-- GRADUATED PLAN -->
<div
class="group rounded-2xl border border-[#0068ff] p-6 flex duration-300 flex-col text-gray-700 justify-start gap-6 text-lef shadow-md">
<div class="flex flex-col gap-3 pb-1">
<div class="flex justify-between items-center">
<h3 class="font-medium text-[25px]">Pay as you use</h3>
</div>
<div>
<div class="flex flex-col items-start gap-8px">
<span class="text-sm font-bold text-gray-400" id="starts_at">Starts at ...</span>
<div class="">
<span class="font-bold text-6xl" id="price">$34</span>
<span class="" id="num_requests">/20m events per month</span>
<br>
<small class="text-sm">then $1 per 500k events (logs, spans, metric samples, etc)</small>
<span id="save_container" class="text-green-600 font-bold"></span>
</div>
</div>
</div>
</div>
<div>
<input type="range" min="20000000" max="495000000" step="10000000" value="20000000" class="range range-sm [--range-shdw:#0068ff]" style="--range-shdw:#0068ff" id="price_range">
</div>
<div class="text-gray-700">
<p class="font-bold mb-3">For Growing Companies</p>
<ul class="flex flex-col gap-3 text-sm font-medium">
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>Unlimited team members
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Opentelemetry Logs and Traces
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API testing pipelines
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API swagger/OpenAPI hosting
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API metrics custom monitors
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
API live traffic AI-based validations
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Last 14 days data retention
</li>
</ul>
</div>
<a href="https://app.apitoolkit.io/p/new"
class="mt-auto rounded-xl text-gray-700 flex flex-row justify-center px-4 py-[7px] border">
Get Started
</a>
</div>
<!-- Critical Systems PLAN -->
<div
class="group rounded-2xl border p-6 flex duration-300 flex-col text-gray-700 justify-start gap-6 text-lef shadow-md">
<div class="flex flex-col gap-3 pb-1">
<div class="flex justify-between items-center">
<h3 class="font-medium text-[25px]">Critical Systems</h3>
</div>
<div>
<div class="flex flex-col items-start gap-8px">
<span class="text-sm font-bold text-gray-400" id="starts_at">Starts at ...</span>
<div class="">
<span class="font-bold text-6xl" id="price">$199</span>
<span class="" id="num_requests"> per month</span>
<br>
<small class="text-sm">continuous support for your engineering teams</small>
<span id="save_container" class="text-green-600 font-bold"></span>
</div>
</div>
</div>
</div>
<div class="text-gray-700">
<p class="font-bold mb-3">For Companies building Critical Systems</p>
<ul class="flex flex-col gap-3 text-sm font-medium">
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>Everything in "Pay as you use plan"
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>We help you setup observability and realtime monitors
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
We setup uptime checks and multistep api tests for you
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
We will be on call for your projects to catch and analyze issues.
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Our Senior Engineers will jump on calls with your team to help them resolve issues
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Capped at 20 hours of support calls/sessions per month
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-200 text-green-500 rounded-md w-5 h-5">
✓
</div>
Weekly reports about everything that went wrong or might be broken.
</li>
</ul>
</div>
<a href="https://apitoolkit.lemonsqueezy.com/buy/6d1d07b5-85ab-4440-8d6a-4dd57db852de"
class="mt-auto rounded-xl text-gray-700 flex flex-row justify-center px-4 py-[7px] border">
Get Started
</a>
</div>
<!-- ENTERPRISE PLAN -->
<a href="mailto:[email protected]"
class="col-span-3 group rounded-2xl border p-6 flex duration-300 flex-col text-gray-50 justify-start gap-6 text-left bg-slate-900 shadow-md hover:-translate-y-3">
<div class="flex flex-col gap-3 pb-1">
<h3 class="font-medium text-3xl">Enterprise</h3>
<div>
<div class="flex flex-row items-start gap-8px">
<div class="font-bold text-6xl">Contact us
</div>
</div>
<div class="text-sm leading-120 font-medium text-gray-200">
Configure high-volume custom amounts based on demand.
</div>
</div>
</div>
<div class="text-gray-50">
<p class="font-bold mb-3">For Large Organizations</p>
<ul class="flex flex-col gap-3 text-sm font-medium">
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-500 text-green-500 rounded-md w-5 h-5">
✓
</div>Custom team members
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-500 text-green-500 rounded-md w-5 h-5">
✓
</div>
High volume discounts
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-500 text-green-500 rounded-md w-5 h-5">
✓
</div>
On-prem or on your own infra
</li>
<li class="flex flex-row gap-2">
<div class="text-center font-bold bg-gray-500 text-green-500 rounded-md w-5 h-5">
✓
</div>
Custom data retention
</li>
</ul>
</div>
<button as="button" class="mt-auto rounded-xl flex flex-row justify-center px-4 py-[7px] border">Contact Sales</button>
</a>
</section>
<div class="rounded-2xl grid grid-cols-2 border shadow-sm">
<div class="flex flex-col gap-8 p-10">
<h1 class="font-medium text-2xl" >Apply for the APItoolkit Startup Program</h1>
<div class="space-y-3 text-lg">
<p>
Enjoy 50 to 100% discount on your first year of subscription through our exclusive Startup Program. Qualification criteria:
</p>
<ul class="list-disc">
<li>Building a software based product or service</li>
<li>Founded within the last 2 years</li>
<li>Less than $100k in funding</li>
<li>Have fewer than 5 employees</li>
</ul>
</div>
<a href="https://tally.so/r/n9vVkY" target="_BLANK" class="btn btn-secondary">Apply now</a>
</div>
<div class="flex flex-col gap-2" style="background-image: url('/assets/img/support-program.webp'); background-size: cover; background-position: center;">
</div>
</div>
<section class="w-full py-4">
{% render "default/components/customers" %}
<hr />
{% render "default/components/faqs", this:this %}
</section>
</div>
</div>