PricingGrid

Domain

Pricing section that wraps PricingPlanCard in a responsive grid. showIntervalToggle renders a Monthly/Yearly switch and filters plans by the selected interval.

Monthly only

Preview
Simple pricing

Start free, scale when ready

Starter

Perfect for indie hackers and small projects.

$0/ mo
  • 1 project
  • 3 team members
  • 1 GB storage
  • Community support
Get started free
Most Popular

Pro

For growing teams that need more power.

$29/ mo
  • Unlimited projects
  • 10 team members
  • 50 GB storage
  • Priority support
  • Custom domains
Start free trial

Scale

For larger teams with advanced needs.

$99/ mo
  • Unlimited everything
  • Dedicated support
  • SSO & SAML
  • SLA guarantee
Talk to sales
Code
<PricingGrid title="Pricing" plans={monthlyPlans} showIntervalToggle={false} />

With interval toggle

Preview
Simple pricing

Start free, scale when ready

Switch between monthly and yearly billing.

MonthlyYearlySave 20%

Starter

Perfect for indie hackers and small projects.

$0/ mo
  • 1 project
  • 3 team members
  • 1 GB storage
  • Community support
Get started free
Most Popular

Pro

For growing teams that need more power.

$29/ mo
  • Unlimited projects
  • 10 team members
  • 50 GB storage
  • Priority support
  • Custom domains
Start free trial

Scale

For larger teams with advanced needs.

$99/ mo
  • Unlimited everything
  • Dedicated support
  • SSO & SAML
  • SLA guarantee
Talk to sales
Code
<PricingGrid title="Pricing" plans={[...monthlyPlans, ...yearlyPlans]} showIntervalToggle />
Sourcemodules/domains/landing/pricing/PricingGrid.tsx