Marketing blocks
Pricing sections
Pricing sections: tier cards with a monthly / annual toggle, simple tiers, single plan and a feature comparison table. Figma: Pricing section and Pricing page header.
import
{ PricingSection, type PricingTier, type PricingLayout } from "@pepulux/ui"Tiers with billing toggle
Pricing
Simple, transparent pricing
Choose the plan that fits your team.
Save 20%
Starter
For individuals getting going.
$12per user / month
- Up to 5 projects
- Basic analytics
- Community support
- 1 GB storage
Business
PopularFor growing teams that need more.
$29per user / month
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Enterprise
For organisations with advanced needs.
$59per user / month
- Everything in Business
- SSO and SAML
- Dedicated manager
- Unlimited storage
- Audit logs
Simple (muted)
Plans for every team
Starter
For individuals getting going.
$12per user / month
- Up to 5 projects
- Basic analytics
- Community support
- 1 GB storage
Business
PopularFor growing teams that need more.
$29per user / month
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Enterprise
For organisations with advanced needs.
$59per user / month
- Everything in Business
- SSO and SAML
- Dedicated manager
- Unlimited storage
- Audit logs
Single plan
One plan, everything included
No tiers, no surprises.
Pro
For growing teams that need more.
$29per user / month
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Comparison table
Compare plans
Save 20%
Starter$12per user / month | Business$29per user / month | Enterprise$59per user / month | |
|---|---|---|---|
| Projects | 5 | Unlimited | Unlimited |
| Analytics | |||
| Custom domains | |||
| Priority support | |||
| SSO and SAML | |||
| Audit logs |
Brand
Pick your plan
Save 20%
Starter
For individuals getting going.
$12per user / month
- Up to 5 projects
- Basic analytics
- Community support
- 1 GB storage
Business
PopularFor growing teams that need more.
$29per user / month
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Enterprise
For organisations with advanced needs.
$59per user / month
- Everything in Business
- SSO and SAML
- Dedicated manager
- Unlimited storage
- Audit logs
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "tiers" | "simple" | "comparison" | "single" | "tiers" | Figma layout |
| tone | "light" | "muted" | "brand" | "light" | Background tone — Figma Light / Muted / Brand |
| tiers | PricingTier[] | — | { name; description?; price: { monthly; annual }; unit?; features; cta; popular?; badge?; onSelect? } |
| comparison | { feature; values: (boolean | string)[] }[] | — | Rows for the comparison layout |
| billingToggle | boolean | true for tiers / comparison | Show the monthly / annual tabs |
| defaultBilling | "monthly" | "annual" | "monthly" | Initial billing period |
| annualSaving | string | "Save 20%" | Badge next to the toggle |