Components•Pricing table
Components•Pricing table
Pricing table
A plan comparison table for pricing pages. The plan header with price and call to action stays pinned while the feature list scrolls, groups collapse, and on narrow screens a plan selector shows one column at a time.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/pricing-tableHow to use
import { PricingTable, type PricingPlan, type PricingFeatureGroup,} from "@/components/bjork-ui/tables/pricing-table";const plans: PricingPlan[] = [ { id: "team", name: "Team", blurb: "Targeting and rollouts.", monthlyPrice: 24, annualPrice: 19, priceSuffix: "per seat / mo", ctaLabel: "Start trial", highlighted: true }, { id: "scale", name: "Scale", blurb: "Experiments and SSO.", monthlyPrice: 64, annualPrice: 52, priceSuffix: "per seat / mo", ctaLabel: "Upgrade" },];const featureGroups: PricingFeatureGroup[] = [ { title: "Flags", features: [ { label: "Segment targeting", hint: "Target by any attribute.", values: { team: true, scale: true } }, { label: "Environments", values: { team: 5, scale: 20 } }, ] },];<PricingTable plans={plans} featureGroups={featureGroups} defaultBilling="annual" onPlanSelect={(planId, billing) => startCheckout(planId, billing)}/>
Plan comparison
Prices in USD. Cancel any time.
Save 21% with annual billing
| Features | Hobby For side projects and prototypes. $0 free forever
| Recommended Team Targeting and rollouts for teams. $19 per seat / month $24 billed monthly | Scale Experiments, audit trails and SSO. $51 per seat / month $64 billed monthly | Enterprise Dedicated regions, custom terms. Custom
|
|---|---|---|---|---|
| Feature flags | 25 | Unlimited | Unlimited | Unlimited |
| Monthly evaluations | 1M | 50M | 500M | Custom |
| Percentage rollouts | Included | Included | Included | Included |
| Segment targeting | Not included | Included | Included | Included |
| Scheduled releases | Not included | Included | Included | Included |
| Environments | 2 | 5 | 20 | Unlimited |
| A/B experiments | Not included | 3 | Unlimited | Unlimited |
| Sequential testing | Not included | Not included | Included | Included |
| Warehouse metrics | Not included | Not included | Included | Included |
| Audit log retention | 7 days | 90 days | 1 year | 7 years |
| Change approvals | Not included | Not included | Included | Included |
| SAML SSO & SCIM | Not included | Not included | Included | Included |
| Data residency | Not included | Not included | Not included | EU, US, APAC |
| Community forum | Included | Included | Included | Included |
| Response time | Not included | 1 business day | 4 hours | 1 hour |
| Uptime SLA | Not included | Not included | 99.95% | 99.99% |