← All blocks

Before and with the product

feature-grid · before-after · feature-grid-comparison

npx shadcn@latest add @plus-ui/feature-grid-comparison

Default 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."
    }
  ]
}