Countify Live Demo

Numbers that move. Scroll down to see each stat animate from zero to its target — with easing, prefix, suffix, and thousands separator, all set in the HubSpot page editor. No code, no external scripts.

  • 500
    500+

    Clients served

  • 42
    42

    Countries

  • 99.9
    99.9%

    Satisfaction rate

  • 2.4
    $2.4M

    Revenue generated

Overview of the "Countify" Module

Image temporarily unavailable.
We’re working to fix this—thank you for your patience!

Numbers that animate on scroll

Each stat counts up from zero — or from any value you set — when it enters the viewport. The animation uses cubic ease-out: fast at the start, decelerating naturally toward the target. Feels intentional, not mechanical.

Prefix and suffix wrap the number on either side. Decimal places are configurable per stat. Thousands separator turns 1000 into 1,000 with a single toggle.

  • Count up from zero or from any custom start value
  • Cubic ease-out for natural-feeling animation
  • Prefix, suffix, and decimal places per stat
  • Thousands separator toggle (1,000 format)
Image temporarily unavailable.
We’re working to fix this—thank you for your patience!

Configured entirely in the editor

Every number, label, icon, and animation setting lives in the Content tab. No templates to edit, no custom CSS. Open the module, fill in the fields, publish.

Each stat is a repeater item with its own target number, animation duration (1–3 seconds), prefix, suffix, and emoji icon. Add up to 12 stats per module instance.

  • Up to 12 animated stats per instance
  • Per-stat: target number, duration, prefix, suffix, decimals
  • Emoji icon field — paste any symbol, no icon library needed
  • Optional section heading and intro text above the grid
Image temporarily unavailable.
We’re working to fix this—thank you for your patience!

Two layouts, full style control

Choose between vertical layout (icon above number) and horizontal (icon to the left). Set 2, 3, 4, or auto columns. Toggle dividers between items on or off.

Colors, number size, font weight, and section spacing each have their own field. Padding and gap have separate desktop and mobile values. All from the Style tab — no stylesheet edits.

  • Vertical and horizontal card layouts
  • 2 / 3 / 4 / auto columns
  • Dividers between items (on/off)
  • Separate desktop and mobile padding, gap, and number size

Add Animated Stats to Any HubSpot Page

Countify is a standalone module — no theme required, no coding. Install it in under a minute and start counting.

Need assistance?

Get in Touch

We're happy to help with Countify or any HubSpot project.

Whether you have a question about installation, want to customise the module further, or have a larger HubSpot project in mind — send a message and we'll get back to you within one business day.