Heroes & Sections
Stats Band
Horizontal band of big numbers with labels, with a reversed dark-panel variant.
$ velocityx add stats-bandBuilt for astro.
Needs a licence key —
subscribe here, then
velocityx loginonce.
By the numbers
Velocity X in production
- 40+
- brand forks shipped
- 175+
- components in the catalog
- 0.2s
- average pageload
- 100
- Lighthouse score, out of the box
Reversed variant
- 12
- industries served
- 3
- locked page widths
- 1
- codebase, every brand
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| eyebrow | string | No | ||
| title | string | No | ||
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | Yes | ||
| stats | Stat[] | Yes | ||
| reversed | boolean | No | false | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/stats-band/StatsBand.astroUsing the Stats Band component
Install it with velocityx add stats-band.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Heroes & Sections.
Copy column paired with a one or two column checklist of benefits.
astroAccessible comparison table with a highlighted column and horizontal scroll on mobile.
astroFull-bleed brand-gradient CTA banner, the project's single-use-per-page gradient moment.
astroCentred call-to-action card with one or two buttons.
astro