Funnel Stat Card
Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.
Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Funnel Stat Card shows the acquisition funnel across four stages, Visitors 24,180, Sign-ups 6,104 (25.2% from prev), Activated 2,841 (46.5%), and Paid 814 (28.6%), each as a shrinking horizontal bar with a label and a step conversion rate. The headline metric in the top-right corner is 3.4% visitor to paid, the end-to-end conversion the whole card is building toward. No chart lib, pure div bars shaded with foreground opacity tokens.
Stages are one const array with a pct field driving the bar width. The conversion field is optional and only shown from the second stage onward, which is the natural read for a funnel: you cannot have a from-prev on the first row.
Reach for this block on any growth or product dashboard where you want the full pipeline visible at a glance, wired to your funnel query for the window shown.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the visitor to paid acquisition funnel. Other funnel shapes:
Tip: show the step conversion beside each bar, not just the end-to-end rate; that is where the drop-off lives.