Key stats widget

Easily display key stats like analytics or sales on your website


Just enter your four stats, then copy the code to embed as a widget on your website.

Widget preview




How to change the colours

The embed code uses CSS variables, with 3 pre-built themes.

Switch the theme between light, dark or brand in this part of the code:
<div class="stats-widget" data-theme="dark">

You can adapt brand theme to colours of your choice. Find this code and change the colours:
[data-theme="brand"] {
--bg: #fffaf2;
--border: #ff8800;
--text: #222;
--muted: #ff8800;
}


This is just a prototype at the moment, without much styling

Made by @markbowley