# Cut Stat
URL: https://remocn.dev/docs/numbers/cut-stat

A blue bar graph wipes upward beside a big minus 44% caption, 'less time to a finished cut'

- Install: `npx shadcn@latest add @remocn/cut-stat`
- Vibe: data
- Natural length: 93f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/cut-stat
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { CutStat } from "@/components/remocn/cut-stat";

const CutStatScene = () => (
  <CutStat
    value={44}
    label="less time to a finished cut"
    caption="vs. keyframing every scene by hand"
  />
);

export const RemotionRoot = () => (
  <Composition
    id="CutStat"
    component={CutStatScene}
    durationInFrames={115}
    fps={30}
    width={1280}
    height={720}
  />
);
```

A bar graph wipes up, then a cut sweeps it down with a flash as the big minus percentage words in and the caption follows. Pass `value` (the percent cut, 5 to 95), `label` for the claim, and `caption` for the comparison. Ships dark and light via `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `value` | `number` | `44` | Percent cut; also sets how far the bar drops, from 5 to 95. |
| `decimals` | `number` | `0` | Digits after the decimal point. |
| `prefix` | `string` | `"−"` | Text before the number, a minus sign by default. |
| `suffix` | `string` | `"%"` | Text after the number. |
| `label` | `string` | `"less time to a finished cut"` | Main claim shown beside the number. |
| `caption` | `string` | `"vs. keyframing every scene by hand"` | Small line comparing against the old way. |
| `fromLabel` | `string` | `"Before"` | Label on the full bar. |
| `toLabel` | `string` | `"With remocn"` | Label on the shortened bar. |
| `accent` | `string` | `"#3B5BFD"` | Accent color for the hero element. |
| `background` | `string` | — | Optional CSS background replacing the theme ground. |
| `speed` | `number` | `1` | Playback multiplier. |
| `theme` | `"dark" \| "light"` | `"dark"` | Dark or light palette. |

## Use when
- A time-saved or cost-cut claim where a bar graph visibly shrinks beside the percentage.
- A benefit beat that needs a big minus-percent number with a one-line explanation.
- A before-and-after claim that should read in under four seconds.

## Don't use when
- You have several segments that shrink, not one bar — use `time-breakdown`.
- You want the savings framed as a race between tools — use `benchmark-race`.
- You need a plain big number with a caption — use `compact-stat`.