Pricing Comparison
A feature comparison table across Free, Pro, and Enterprise plans.
Table
Badge
Button
Preview
Compare plans
Find the perfect plan for your team. All plans include a 14-day free trial.
| Feature | Free | Pro | Enterprise |
|---|---|---|---|
| Projects | 1 | Unlimited | Unlimited |
| Storage | 5 GB | 50 GB | Unlimited |
| Team Members | 1 | 10 | Unlimited |
| Analytics | |||
| Custom Domains | |||
| Priority Support | |||
| SSO | |||
| SLA |
Code
<div class="w-full max-w-5xl mx-auto space-y-10">
<div class="text-center space-y-4">
<h2 class="scroll-m-20 text-3xl sm:text-4xl font-semibold tracking-tight">
Compare plans
</h2>
<BbTypographyLead class="mx-auto max-w-2xl text-muted-foreground">
Find the perfect plan for your team. All plans include a 14-day free trial.
</BbTypographyLead>
</div>
<div class="overflow-x-auto">
<BbTable TData="object" Data="@(Array.Empty<object>())" class="w-full text-sm">
<BbTableHeader TData="object">
<BbTableRow TData="object" class="border-b">
<BbTableHeaderCell TData="object" class="h-12 px-4 text-left font-medium text-muted-foreground">Feature</BbTableHeaderCell>
<BbTableHeaderCell TData="object" class="h-12 px-4 text-center font-medium">Free</BbTableHeaderCell>
<BbTableHeaderCell TData="object" class="h-12 px-4 text-center font-medium">Pro</BbTableHeaderCell>
<BbTableHeaderCell TData="object" class="h-12 px-4 text-center font-medium">Enterprise</BbTableHeaderCell>
</BbTableRow>
</BbTableHeader>
<BbTableBody TData="object">
<BbTableRow TData="object" class="border-b bg-muted/50">
<BbTableCell class="p-4 font-medium">Projects</BbTableCell>
<BbTableCell class="p-4 text-center">1</BbTableCell>
<BbTableCell class="p-4 text-center">Unlimited</BbTableCell>
<BbTableCell class="p-4 text-center">Unlimited</BbTableCell>
</BbTableRow>
<BbTableRow TData="object" class="border-b">
<BbTableCell class="p-4 font-medium">Storage</BbTableCell>
<BbTableCell class="p-4 text-center">5 GB</BbTableCell>
<BbTableCell class="p-4 text-center">50 GB</BbTableCell>
<BbTableCell class="p-4 text-center">Unlimited</BbTableCell>
</BbTableRow>
<BbTableRow TData="object" class="border-b bg-muted/50">
<BbTableCell class="p-4 font-medium">Team Members</BbTableCell>
<BbTableCell class="p-4 text-center">1</BbTableCell>
<BbTableCell class="p-4 text-center">10</BbTableCell>
<BbTableCell class="p-4 text-center">Unlimited</BbTableCell>
</BbTableRow>
<!-- Additional rows with check/x icons for boolean features -->
</BbTableBody>
</BbTable>
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
<BbButton Variant="ButtonVariant.Outline" class="w-full">Get Started Free</BbButton>
<BbButton class="w-full">Upgrade to Pro</BbButton>
<BbButton Variant="ButtonVariant.Outline" class="w-full">Contact Sales</BbButton>
</div>
</div>