MOTIONSTASH
All components

Funnel Steps

Data

Bands narrow downward as each opens out of the centre line, counts tick up inside them and the drop-off from the stage above sets beside each edge

Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
Funnel Steps — Bands narrow downward as each opens out of the centre line, counts tick up inside them and the drop-off from the stage above sets beside each edge

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

funnelconversiondrop-offcounterstaggertrapezoid
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/funnel-steps.tsx
Frame1920×1080
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A conversion funnel that narrows downward: four horizontal bands, each narrower than the last, each scaling in horizontally from the centre with a stagger down the frame. On every band put the stage name, the absolute count counting up, and to the right of the band the drop-off from the previous stage in muted type. Trapezoid connectors between the bands drawn as SVG polygons that fade in behind them. Final band in the accent colour. Clean, symmetrical, legible.