Metric – SaaS Analytics Dashboard HTML Template

Metric – SaaS Analytics Dashboard HTML Template

Metric is a product-analytics dashboard for SaaS teams, web analytics tools and growth teams. Silver surfaces, big confident numbers, a floating island navigation bar instead of a sidebar and an asymmetric card grid make data feel calm and easy to read.

✨ Highlights

• Built-in chart engine with no library: area, line, bar, stacked bar, donut, ring, sparkline and cohort heatmap, all with hover tooltips
• Realtime page with a live visitor counter, pageviews per minute and a streaming event feed you can pause
• Cohort retention heatmap, retention curves and a churn-risk table
• Conversion funnel with drop-off, time to convert and conversion by channel
• A/B test results with confidence ring and a working sample-size calculator
• Revenue page with MRR, MRR movements and unit economics
• UTM link builder, event explorer, report builder drawer and tracking-code modal
• Command palette (Ctrl/⌘ + K), date-range menu, full-screen mobile menu, light and dark mode

📄 16 pages included

• Overview
• Realtime
• Audience
• Acquisition
• Funnels
• Retention
• Events
• Revenue
• Experiments
• Reports
• Settings (general, team, API, billing)
• Help centre
• Log in
• Create account
• Privacy & terms
• 404 error page

💻 Built with

HTML5, CSS3 and vanilla JavaScript. No frameworks, no build step and no dependencies. Charts read their numbers from data attributes, so swapping in your own API data is simple. Colours, fonts and radii are CSS variables.

📦 What you get

• All HTML, CSS and JavaScript source files
• Documentation (documentation.html)
• License file

ℹ️ Good to know

This is a front-end HTML template with sample data. Connect the charts, tables and forms to your own analytics backend. Use the Live preview button to explore every page before you buy.

Copyright © 2026 DesignVersa. Licensed for one end product per purchase. Resale or redistribution is not permitted.