Search

Search components and blocks

Sign in

Analytics Blocks

Dashboards and trackers that make numbers easy to scan.

Funnel Analytics

Pro

A five-stage signup funnel (Visited to Retained) drawn as columns joined by translucent ribbons, so drop-off reads as a shape, not just a number. Bars grow from the baseline in sequence, counts roll up, and a drop-off chip sits on each ribbon. Hovering a stage spotlights it and its neighbouring ribbons while dimming the rest. The morph tabs switch the traffic source (All, Organic, Paid, Referral): bars and ribbons spring to their new heights, and the summary tiles below recompute overall conversion, the biggest drop-off and the best-retaining stage.

pnpm dlx shadcn@latest add @ditherui/funnel-analytics

Signup funnel

From first visit to retained customer

−60%−40%−70%−30%

Visited

0

100%

Signed up

0

40%

Activated

0

24%

Subscribed

0

7%

Retained

0

5%

Overall conversion

5.0%

Biggest drop-off

Activated → Subscribed (−70%)

Best stage

Retained

Props

className / ...div propsReact.ComponentProps<"div">—

Suggested components