← All blocks
Before and with the product
feature-grid · before-after · feature-grid-comparison
npx shadcn@latest add @plus-ui/feature-grid-comparisonDefault content
{
"eyebrow": "Why teams switch",
"title": "Billing that runs itself, instead of running your month-end",
"description": "Most SaaS teams bill with exports, formulas and a script someone wrote two years ago. Here is what changes when Tallybird takes over.",
"labels": {
"before": "Billing on spreadsheets and scripts",
"after": "With Tallybird"
},
"items": [
{
"icon": "clock",
"title": "Invoices go out on their own",
"text": "Usage, seats and proration are calculated at renewal and sent in the customer's currency.",
"before": "Someone exports usage, fixes formulas and emails PDFs at every month-end."
},
{
"icon": "rollback",
"title": "Failed payments retry themselves",
"text": "Smart retries and card updates recover 38% of declined charges on average.",
"before": "Declined cards surface weeks later as churn nobody chased."
},
{
"icon": "globe",
"title": "Tax handled in 40 countries",
"text": "VAT, GST and US sales tax are calculated per invoice and filed from one report.",
"before": "Tax rates live in a sheet that one person knows how to update."
},
{
"icon": "chart",
"title": "Revenue you can close the books on",
"text": "MRR, deferred revenue and refunds reconcile with your ledger every night.",
"before": "Finance rebuilds MRR from exports each quarter and hopes it matches."
}
]
}