Live previewHTML Stats Section Templates30 stats sections in plain HTML & CSS, free
30 stats sections in plain HTML and CSS, each one a single file: counter row, progress rings, trust badge strip, local business numbers, live activity counters, where your money goes, activity heatmap, year in review cards and more. Responsive, accessible and free for personal and commercial use.
- 30 layouts: counters, KPI cards, bar and line charts, rings, awards and trust badges
- Every chart is inline SVG, so there is no chart library to load
- Counters animate on scroll and stay still for reduced-motion visitors
- Designs
- 30
- Built with
- HTML & CSS
- Licence
- Free, commercial use
- Updated
- Oct 2026
- Free for client projects
- Plain HTML & CSS, no frameworks
- Responsive down to 390px
- Copy, paste and rebrand in minutes
What's inside: 30 designs
See all 30What's inside
All stats & numbers templates 30 designs in this pack
Click any design to open its live preview, then check it at desktop, tablet and phone sizes.
Live preview
Live previewKPI cards with sparklines
Live previewBar chart with highlights
Live previewProgress rings
Live previewBig number with breakdown
Live previewAchievements and awards
Live previewTrust badge strip
Live previewDark stats with line chart
Live previewBefore and after numbers
Live previewLocal business numbers
Live previewSavings calculator
Live previewAnnual report numbers
Live previewLive activity counters
Live previewUs vs industry average
Live previewConversion funnel
Live previewWhere your money goes
Live previewUptime status grid
Live previewCampaign goal tracker
Live previewActivity heatmap
Live previewCommunity impact
Live previewRegional tile map
Live previewYear in review cards
Live previewGrowth milestones chart
Live previewImpact facts label
Live previewLeaderboard with movement
Live previewPictogram 1 in 4 grid
Live previewHome solar today
Live previewSurvey results bars
Live previewStats by audience tabs
Live previewCity cost comparison
How to use
From download to live in three steps
- Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
- Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
Reviews
Customer reviews
Only people who bought or downloaded it can leave a review, from their account page.
Reply from the maker
FAQ
Common questions
Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
How do I change the chart data?
Bars and lines are plain SVG shapes. Change their height or points, or regenerate them from your numbers with a few lines of code.
Do the counters work without JavaScript?
Yes. The final number is already in the HTML; the script only animates it.
Do I need a chart library?
No. Every chart is plain SVG or CSS. Change the numbers in the HTML or the small data arrays in the script.
Are the animations accessible?
Yes. Counters show their final value immediately when someone has reduced motion turned on.
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Get HTML Stats Section Templates
30 designs, free for personal and commercial projects.
More products
