Stats 15 block design & features
Stats15 is a Shadcn UI stats section with copy and figures on the left and a vertical year picker on the right. The left side has a large heading, a muted paragraph, two pill buttons (Documentation and Get Started), and a four-up row of animated figures. The year pills cover 2021 through 2025 ranges; selecting one updates the numbers and redraws an orange connector line from the active pill toward the last figure.
Buttons are pill-shaped, one filled and one secondary, with arrows that rotate on hover. Year pills are small and rounded; the active one fills with the primary color and shifts left. Figures count to their targets. The connector is a thin orange path with dots at both ends. Type is tight-tracking and large on the heading, quieter on the labels.
The year scrubber plus the moving line make this feel like a timeline of results rather than a static four-up. It is distinctive among stats blocks and moderately elaborate. Complexity is mixed: animation and the path are code-driven, while you need a heading, two CTAs, and a stat set per year.
On smaller screens the year pills wrap into a horizontal row under the copy, and the connector line hides. The figures drop from four columns to two.