HubSpot Marketplace Module

Stats Section Pro for HubSpot CMS

Six Stats and KPI Layouts in One Module

A grid "by the numbers" block, an inline strip with dividers, a split statement and stats, large stacked rows, contained cards, and feature and stat pairs. Add your metrics in one repeater, choose a layout, and publish. Values are plain text, so "99.9%", "$2.4M", "4.9/5", and "24/7" all work, and it ships as under 2KB of vanilla JavaScript. No code, no theme dependency, no HubDB.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $9.99

Stats Section Pro module for HubSpot CMS showing a by-the-numbers grid, an inline stats strip, and stat cards

Six common layouts, one module, no code

view_column

Six Layouts in One Module

A "by the numbers" grid, an inline strip with dividers, a split statement and stats, large stacked rows, contained cards, and feature and stat pairs. One-click switch from a dropdown; every layout is responsive and centers neatly on mobile.

palette

Style Every Pixel From the Editor

Fonts, colors, value and label sizes and weights, dividers, icons, gaps, and cards with border, shadow, radius, padding, and frosted-glass blur. Backgrounds can be solid, a gradient, or an image with a color overlay. All editor fields, inheriting your theme. Nothing hardcoded.

tag

Text Values, Any Format

Values are plain text, so "99.9%", "$2.4M", "4.9/5", and "24/7" all render correctly. No number-only fields and no awkward prefix and suffix juggling. Write the metric the way it should read.

animation

Optional Count-Up

An animated count-up that is off by default. When on, it preserves prefixes, suffixes, commas, and decimals, leaves ambiguous values like "4.9/5" static, and respects reduced-motion settings. The final value is always in the DOM.

speed

Fast and Accessible

Under 2KB of vanilla JavaScript with no jQuery and no CDN. Each value is associated with its label in a real list, and you choose the heading level, so the section reads correctly to screen readers and search engines.

smartphone

Tidy on Every Screen

On phones every layout collapses to a clean, centered single column, large values scale so a "$2.4M" never overflows, and the split layout moves to stacked. It looks right with the defaults and matches your brand without writing CSS.

What you can build

Stats Section Pro fits anywhere you want to show proof in numbers. Here are four common uses.

By the numbers

The classic grid of metrics for a homepage or about page: clients served, years in business, projects shipped, satisfaction score, each value and label paired and centered.

Trust strip under a hero

An inline strip with dividers that sits under a hero or in a footer band, holding three or four quick numbers without taking up a full section.

Statement and proof

The split layout puts a short claim beside the numbers that back it up, so the message and the evidence sit together on landing and product pages.

Feature and stat pairs

Pair a benefit line with the metric behind it on a product or pricing page, or use the stacked rows and cards for results, uptime, and SLAs.

Works with any HubSpot theme

Stats Section Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page, including website pages, landing pages, and blog posts. No theme dependency, no jQuery, no HubDB, no external libraries. Pure vanilla JavaScript.

Questions

What layouts does it include?

add

Six in one module: a grid "by the numbers" block, an inline strip with dividers, a split statement and stats, large stacked rows, contained cards, and feature and stat pairs. Add your metrics in one repeater, switch the layout from a dropdown, and publish. Every layout is responsive and collapses to a clean centered single column on mobile.

How much can I style?

add

Everything is editable from the Style tab: fonts, colors, value and label sizes and weights, dividers, icons, gaps, and cards with border, shadow, radius, padding, and an optional frosted-glass blur. Backgrounds can be solid, a gradient, or an image with a color overlay. It inherits your theme with nothing hardcoded.

Do the numbers animate, and what formats work?

add

Values are plain text, so "99.9%", "$2.4M", "4.9/5", and "24/7" all render correctly. The count-up animation is optional and off by default. When on, it preserves prefixes, suffixes, commas, and decimals, leaves ambiguous values like "4.9/5" static, and respects reduced-motion settings.

Is it fast and accessible?

add

Yes. It is under 2KB of vanilla JavaScript with no jQuery and no CDN, each value is associated with its label in a real list, and you choose the heading level. It is a standalone module with no theme dependency and no HubDB, and it works on any HubSpot CMS theme.

Show your numbers with Stats Section Pro

Six layouts in one module, plain-text values that handle any format, an optional reduced-motion count-up, every pixel styleable from the editor, and under 2KB of vanilla JavaScript. No code required.

Get the Module arrow_outward