# Marketing ROI Calculator

ROI calculator for a B2B sales page that estimates hours and money saved with automation.

- id: `marketing-roi-calculator`
- Page: https://agentic-ui-kit.com/components/marketing-roi-calculator
- Live preview: https://agentic-ui-kit.com/live/component/marketing-roi-calculator?piece=marketing-roi-calculator

## Install

```bash
agentic-ui add marketing-roi-calculator
npx shadcn@4.17.0 add @agentic-ui/marketing-roi-calculator
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** roi-inputs, scenario-radios, savings-estimate, payback-period, roi-multiple, savings-vs-cost-bars, number-morph, dark-mode
- **Intents:** configure, communicate
- **Suits domains:** marketing, saas, ai-agents, operations, support
- **Interaction:** slide, select, type
- **Screen role:** flow
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** ROI calculator for a B2B sales page that estimates hours and money saved with automation, savings calculator with team size and hourly cost inputs showing payback time, business case calculator for an AI automation product with conservative and ambitious scenarios
- **Avoid when:** pricing estimates (use marketing-usage-calculator), financial reporting inside the product, claims that need audited figures
- **Preserve when adapting:** labelled-inputs, native-radio-scenarios, footnote
- **Replace when adapting:** seat-price, scenarios, defaults, currency
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button
- **npm dependencies:** @agentic-ui/motion-number-morph, lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives, motion-number-morph