BASIC-LIBRARY / SECTION / PRICING
Pricing Three
Choose the Right Plan
Basic
A starter solution to explore features at no cost
500 MB cloud capacity
1 GB data transfer monthly
100 task executions
Access to help center
$
0
per user/month
Get Started
most popular
Growth
Designed for growing teams that need more power and flexibility
5 TB total storage
20 GB transfer/month
50,000 tasks/month
Priority support
250 integrations
$
19
per user/month
Upgrade to Growth
Ultimate
Enterprise-grade features and dedicated support for scale
No storage limits
Unmetered bandwidth
5 million tasks monthly
24/7 support hotline
API access & SSO
$
49
per user/month
Request a Demo
@import url("/template/basic-library/section/pricing/pricing-three/raw/styles.css");
<div
class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
<div
class="ml-auto mr-auto mx-auto max-w-screen-xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
>
<h2
class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl xl:mb-12"
>
Choose the Right Plan
</h2>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 mb-6 gap-6 md:mb-8 lg:gap-8">
<div class="flex flex-col rounded-lg border pt-6 pr-4 pb-4 pl-4">
<div class="mb-12">
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Basic
</div>
<p
class="ml-auto mr-auto mx-auto mb-8 pl-8 pr-8 px-8 text-center text-gray-500"
>
A starter solution to explore features at no cost
</p>
<div class="space-y-2">
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">500 MB cloud capacity</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">1 GB data transfer monthly</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">100 task executions</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Access to help center</span>
</div>
</div>
</div>
<div class="mt-auto flex flex-col gap-8">
<div class="flex items-end justify-center gap-1">
<span class="self-start text-gray-600">$</span>
<span class="text-4xl font-bold text-gray-800">0</span>
<span class="text-gray-500">per user/month</span>
</div>
<a
href="#"
class="block transition duration-100 active:text-gray-700 rounded-lg bg-gray-200 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 hover:bg-gray-300 focus-visible:ring md:text-base"
>
Get Started
</a>
</div>
</div>
<div
class="relative flex flex-col rounded-lg border-2 border-indigo-500 pt-6 pr-4 pb-4 pl-4"
>
<div class="mb-12">
<div class="inset-x-0 -top-3 absolute flex justify-center">
<span
class="uppercase tracking-widest flex h-6 items-center justify-center rounded-full bg-indigo-500 pl-3 pr-3 px-3 pt-1 pb-1 py-1 text-xs font-semibold text-white"
>
most popular
</span>
</div>
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Growth
</div>
<p
class="ml-auto mr-auto mx-auto mb-8 pl-8 pr-8 px-8 text-center text-gray-500"
>
Designed for growing teams that need more power and flexibility
</p>
<div class="space-y-2">
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">5 TB total storage</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">20 GB transfer/month</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">50,000 tasks/month</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Priority support</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">250 integrations</span>
</div>
</div>
</div>
<div class="mt-auto flex flex-col gap-8">
<div class="flex items-end justify-center gap-1">
<span class="self-start text-gray-600">$</span>
<span class="text-4xl font-bold text-gray-800">19</span>
<span class="text-gray-500">per user/month</span>
</div>
<a
href="#"
class="block transition duration-100 active:bg-indigo-700 rounded-lg bg-indigo-500 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-indigo-600 focus-visible:ring md:text-base"
>
Upgrade to Growth
</a>
</div>
</div>
<div class="flex flex-col rounded-lg border pt-6 pr-4 pb-4 pl-4">
<div class="mb-12">
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Ultimate
</div>
<p
class="ml-auto mr-auto mx-auto mb-8 pl-8 pr-8 px-8 text-center text-gray-500"
>
Enterprise-grade features and dedicated support for scale
</p>
<div class="space-y-2">
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">No storage limits</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Unmetered bandwidth</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">5 million tasks monthly</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">24/7 support hotline</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">API access & SSO</span>
</div>
</div>
</div>
<div class="mt-auto flex flex-col gap-8">
<div class="flex items-end justify-center gap-1">
<span class="self-start text-gray-600">$</span>
<span class="text-4xl font-bold text-gray-800">49</span>
<span class="text-gray-500">per user/month</span>
</div>
<a
href="#"
class="block transition duration-100 active:bg-gray-600 rounded-lg bg-gray-800 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-gray-700 focus-visible:ring md:text-base"
>
Request a Demo
</a>
</div>
</div>
</div>
<div class="text-center text-sm text-gray-500 sm:text-base">
<span data-node-handle="base-text" class="inline-block h-auto w-auto">
Not sure what to pick?
</span>
<a
href="#"
class="underline transition duration-100 active:text-indigo-600 text-gray-500 hover:text-indigo-500"
>
Talk to an expert
</a>
<span data-node-handle="base-text" class="inline-block h-auto w-auto">
.
</span>
</div>
</div>
</div>
© 2025 tailsections.com. All rights reserved