ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

PricingToggle

A monthly/yearly pricing toggle with pricing cards displayed in a responsive row.

Three Plans

Standard pricing toggle with three tiered plans.

Monthly
YearlySave 20%

Starter

$9/mo

For individuals

Pro

$29/mo

For teams

Enterprise

$99/mo

For organizations

Two Plans

Simple free-vs-pro pricing comparison with toggle.

Monthly
YearlySave 20%

Free

$0/mo

Get started

Pro

$19/mo

For professionals

SaaS Pricing

Full SaaS pricing page with feature highlights per tier.

Monthly
YearlySave 20%

Hobby

$0/mo

1 project, 1K requests

Growth

$49/mo

10 projects, 100K requests

Scale

$199/mo

Unlimited, priority support

Usage

<PricingToggle> <Card><h3>Starter</h3><p style="font-size: 2rem; font-weight: 800">$9<span style="font-size: 0.875rem">/mo</span></p><p>For individuals</p></Card> <Card><h3>Pro</h3><p style="font-size: 2rem; font-weight: 800">$29<span style="font-size: 0.875rem">/mo</span></p><p>For teams</p></Card> <Card><h3>Enterprise</h3><p style="font-size: 2rem; font-weight: 800">$99<span style="font-size: 0.875rem">/mo</span></p><p>For organizations</p></Card></PricingToggle>

Props

PropTypeDefaultDescription
childrencontent-Pricing cards (typically Card components)