The catalog. Drop one in, ship faster.
Primitives wrap any chart. Blocks are composed, ship-ready chart sections. Both install with one command: npx shadcn add @sextant/<slug>.
The financial widgets you'd otherwise build by hand.
- finance · varianceMethodology→
Budget vs Actual Variance
Budget-vs-actual variance by line item with favorability-aware coloring and an auto-generated variance narrative. The FP&A starting point.
- finance · cashMethodology→
Cash Runway & Burn
Monthly cash balance with a projected depletion line, runway-in-months hero, and an auto-generated runway narrative.
- finance · bridgeMethodology→
P&L Bridge
Waterfall walking a metric across periods (price, volume, mix, cost) with gain/loss coloring and a bridge narrative.
- finance · forecastMethodology→
Re-forecast Delta
Diffs a prior vs current re-forecast by driver and walks what moved as a waterfall, naming the biggest mover. The 'what changed since last month' chart.
- finance · revenueMethodology→
ARR Movement Waterfall
Waterfall of ARR movement (new, expansion, contraction, churn) with NRR/GRR and a movement narrative.
- finance · scenarioMethodology→
Scenario Sensitivity (Tornado)
Tornado ranking which driver moves an outcome most, with an auto-generated sensitivity narrative.
- finance · forecastMethodology→
Rolling Forecast vs Plan
Plan vs actual vs forecast by period with a Holt re-forecast of open periods and an attainment/bias narrative.
- finance · opexMethodology→
Headcount & Opex Plan
Rolls a hiring plan into fully-loaded monthly opex with a headcount overlay and a cost-growth narrative.
- finance · cashMethodology→
AR Aging
Open receivables bucketed by age with a total-AR hero and an over-90-days callout.
- finance · bridgeMethodology→
Gross Margin Bridge
Walks gross profit period-over-period, isolating revenue and COGS effects, with a gross-margin-% hero and a bridge narrative.
- finance · varianceMethodology→
Variance Heatmap
Account × period grid of variance % vs plan with favorability-aware, magnitude-scaled coloring and a worst-cell hero. Pure CSS Grid.
- finance · revenueMethodology→
Driver-Based Revenue
Projects revenue from a multiplicative driver tree, splits actual from projected, and decomposes growth into per-driver contributions.
- finance · board→
Board KPI Pack
One board-ready screen composing runway, ARR (NRR/GRR), revenue-vs-plan, and gross margin — each tile computed from raw inputs with its own narrative.
Funnels, cohorts and retention that read themselves.
- product · conversionMethodology→
Conversion Funnel
Horizontal funnel with progressive widths. Per-stage counts, conversion-from-top, drop-off vs previous step.
- intelligent · cohortMethodology→
Cohort Insight
Lower-triangular weekly cohort retention grid with auto-detected best/worst cohorts. Pure CSS Grid, no Recharts.
- product · retentionMethodologyFree→
Retention Curve
Average weekly retention across cohorts as a decay curve, with the standout cohort surfaced in a plain-language narrative. Reuses the cohort-stats engine.
- product · activationMethodology→
Activation Funnel
Horizontal funnel of the activation journey — per-stage counts, conversion-from-top, and the steepest drop-off called out automatically.
- product · adoptionMethodology→
Feature Adoption
Features ranked by share of active users with a core-adoption line, surfacing the leader and the laggard.
- product · engagementMethodology→
DAU/MAU Stickiness
DAU/MAU stickiness over time with the month-over-month move — whether the product is becoming a daily habit.
Revenue, MRR and the metrics the board asks about.
- dashboard · revenueFree→
Revenue Area
Stacked area chart for MRR + one-time revenue. Editorial Density, hero number, MoM delta.
- dashboard · revenueMethodology→
MRR Waterfall
Vertical waterfall of MRR movement — starting, new, expansion, contraction, churn, ending. Semantic colors on gains and losses.
- growth · retentionMethodologyFree→
NRR Waterfall
Walks the existing customer base — expansion, contraction, churn — into ending ARR, with net and gross revenue retention and a movement narrative.
- growth · paybackMethodology→
LTV:CAC Payback
Cumulative contribution margin against acquisition cost, marking the payback month and the probability of recovering CAC within the horizon.
- growth · efficiencyMethodology→
SaaS Quick Ratio
New + expansion against churn + contraction per period, with the SaaS quick ratio and the 4.0 healthy line.
Spend, channels and campaigns that earn their budget.
- marketing · roasMethodology→
Channel ROI
Channels ranked by return on ad spend against a break-even reference, with a blended-ROAS hero and the underwater channels called out.
- marketing · pacingMethodology→
Campaign Pacing
Cumulative spend against an ideal pace line, projecting end-of-flight spend and whether a campaign is over- or under-pacing its budget.
- marketing · efficiencyMethodologyFree→
Spend Saturation
Spend vs conversions with a fitted diminishing-returns curve that marks where each extra dollar stops paying off.
Pipeline, quota and the deals that close.
- sales · pipelineMethodology→
Pipeline Coverage
Weighted pipeline stacked against the gap to quota, with a coverage ratio and the probability of hitting plan.
- sales · quotaMethodology→
Quota Attainment
Per-rep attainment ranked against quota — showing how broad-based the number is and what share of reps are at goal.
- sales · win-lossMethodologyFree→
Win/Loss Reasons
Diverging win/loss bars by reason with the overall win rate and the objection costing the most deals.
- sales · velocityMethodology→
Deal Aging
Average days-in-stage against benchmark, flagging the stage where deals stall and drag the sales cycle.
Queues, SLAs and the experience behind them.
- support · backlogMethodology→
Ticket Backlog
Inflow vs outflow per week with the running open backlog, showing whether the queue is draining or growing.
- support · slaMethodology→
SLA Attainment
First-response SLA attainment by priority against target, with the priority most at risk of breaching.
- support · distributionMethodologyFree→
Response Time Distribution
A first-response-time histogram with p50/p90 markers and the share of tickets breaching SLA — the tail that averages hide.
Shipping speed, stability and the path to elite.
- engineering · doraMethodology→
DORA Metrics
The four DORA keys on one screen, each classified Elite→Low against its trend, with the metric holding the team back.
- engineering · deploysMethodologyFree→
Deploy Calendar
A GitHub-style calendar heatmap of deploy frequency — surfacing cadence, the busiest day, and week-over-week momentum.
- engineering · cycle-timeMethodology→
PR Cycle Time
PR cycle time split into coding, review-wait, review and merge against benchmark, naming the phase that dominates the wait.
- engineering · incidentsMethodology→
Incident MTTR
Recent incidents as severity-colored duration bars with MTTR, the trend vs last quarter, and the longest outage.
Headcount, attrition and the team behind the numbers.
- people · attritionMethodology→
Attrition Trend
Annualized attrition over a trailing year with the regrettable split and the year-over-year move.
- people · compensationMethodology→
Comp Bands
Salary bands per level with each person plotted on the range, flagging who sits out of band and where spread is widest.
- people · engagementMethodologyFree→
eNPS
Employee NPS on a −100→+100 gauge with the promoter/passive/detractor split and the move since the last survey.
- people · hiringMethodology→
Hiring Velocity
Time-to-fill by department against target, with open-req load and the roles dragging hiring.
Anomalies, error budgets and latency, watched.
- intelligent · anomalyMethodologyFree→
Anomaly Time Series
Area chart that auto-detects anomalies via z-score and surfaces the top deviation as a plain-language narrative.
- ops · reliabilityMethodology→
SLO Error Budget
Error-budget burn-down over the rolling window, with a Holt projection and the probability the budget is exhausted before the period closes.
- ops · latencyMethodologyFree→
Latency Percentiles
p50 / p95 / p99 request latency over time, auto-flagging the worst p99 deviation by z-score in a plain-language narrative.
- ops · capacityMethodology→
Capacity Headroom
Resource utilization with a Holt projection to the ceiling and the probability of saturation before the horizon.
Charts that explain themselves
- intelligent · forecastMethodology→
Forecast Projection
Holt linear forecast with confidence cone fading into uncertainty. Auto-generated projection narrative.
- intelligent · forecast→
Inverse Band
Drag the forecast cone's edge and the confidence level back-solves — then the chart tells you how often a band of that level has actually held out of sample. Manipulate the uncertainty, not the value.
- intelligent · annotation→
Annotated Time Series
A time series that annotates its own peaks, dips, trend shifts and plan crossings, with an auto-generated headline. The self-explaining chart.
- intelligent · forecastMethodology→
Cash Outcome Range
Projects where cash lands as a quantile dotplot with the downside highlighted, plus the probability of running out. Honest uncertainty — countable outcomes, not a band.
- intelligent · scenarioMethodology→
ARR Goal-Seek (Explorable)
Drag the projection's endpoint to a goal and growth back-solves; drag the driver handles and a live tornado ranks what moves the outcome. The chart as an instrument.
- intelligent · dashboard→
Linked KPI Board
KPI sparklines that cross-filter on a shared selection — hover one, all highlight — under a meta-narrative reading across them. The reasoning dashboard.
- intelligent · flow→
Flow Sankey
A layered Sankey that traces where every dollar (or user) goes — revenue sources folding into a hub and splitting across the cost stack — with hover-to-isolate and ribbon widths scaled to value.
- intelligent · relationships→
Dependency Chord
A chord diagram of movement between groups — plan migrations, team handoffs, channel referrals — with arcs sized by volume and hover-to-isolate a group's connections.
- intelligent · seasonalityFree→
Radial Seasonality
A radial clock that loops a cyclic metric around the year, with a prior-cycle ghost ring and the peak period marked — reading the seasonal shape at a glance.
- intelligent · distribution→
Hexbin Density
Hexagonal density binning that turns an overplotted scatter into a readable heat field, surfacing the modal cluster and the x↔y correlation in plain language.
Wrap any chart
- primitive · statesFree→
Chart States
Wrap any chart to get shape-matched loading skeletons, empty, error, and stale states. The headline primitive.
- primitive · insightsFree→
Chart Narrative
Auto-generated, single-sentence insight above any chart, set off by a maroon margin rule. Pure-TS template engine, no LLM required.
- dashboard · kpi→
KPI Sparkline Grid
Dashboard top-row: four stats with hero numbers, semantic deltas, and maroon sparklines.
- dashboard · compositionFree→
Streamgraph
A flowing, centered streamgraph of composition over time, with smooth bands, a left-to-right reveal, and an auto-generated narrative naming the largest and fastest-growing streams.
- dynamic · realtimeFree→
Live Metric Stream
A real-time line that scrolls continuously and ticks in a fresh reading on an interval, with a pulsing live dot. Pauses off-screen and freezes to a clean static frame under reduced-motion.
- dynamic · race→
Bar-Chart Race
Ranked bars that interpolate across a looping timeline and glide past each other as the order changes — the classic bar-chart race, with a stable narrative naming the winner and top climber.
- dynamic · gauge→
Pulse Gauge
Concentric activity rings showing progress to goal, each with a softly breathing tip. Endless, calm motion that always renders its true value — a live read on how today is tracking.
- dynamic · flow→
Flow Pulse Pipeline
A funnel whose volume streams through as particles — denser where more converts, thinning at each drop-off — so the pipeline literally flows, and the narrative names the steepest leak.
- dynamic · kpiFree→
Live KPI Ticker
An endless, seamless marquee of KPIs — value, semantic-colored delta, and a sparkline each — that pauses on hover and off-screen. The 'this dashboard is alive' strip.
New items land regularly. Source installs into your repo — you own it; a subscription keeps it current.