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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.