All components

Talking Head

Before / After

A number that changes: the old value is struck out, then the new one lands in the accent.

When to use it

Savings, speed-ups, prices: "$240 → $0", "3 hours → 4 minutes". Land the after value on the word that says it.

Use it in the studio

Ask the agent in the studio, or add it from Assets → Motion and edit these props in the inspector.

Open the studio
{
  "id": "before-after-1",
  "from": 0,
  "duration": 120,
  "component": "before-after",
  "props": {}
}