Page Visitor Counter

Page Visitor Counter is a lightweight and customizable SVG badge that displays the total number of visits to a page. Perfect for GitHub READMEs, personal websites, and blogs — no JavaScript required. Fully configurable via URL parameters for colors, font size, and layout, and powered by Redis for fast and reliable counting.

Repository Link:

Repository

Example badge:

Blue	Green	Red

Features

Customizable: change colors, font size, number of digits, and more.
Fast: powered by Redis for quick data retrieval.
Easy to use: just embed an image link — no JavaScript required.
Works anywhere: websites, GitHub READMEs, docs pages, etc.

Usage

Embed the badge by adding an <img> tag or Markdown image link:

Markdown

![Visitor Count](https://page-visitor.vercel.app/<your-key>/count.svg)

IMG tag

<img src="https://page-visitor.vercel.app/<your-key>/count.svg">

Replace <your-key> with a unique identifier for your page/profile/project.

Customization

You can modify the badge appearance with URL query parameters:

Parameter	Description	Default	Example
digits	Total number of digits to display	8	digits=7
boxW	Width of each digit box (px)	25	boxW=20
boxH	Height of each digit box (px)	30	boxH=23
gap	Gap between digit boxes (px)	2	gap=1
radius	Border radius of boxes (px)	0	radius=10
boxColor	Background color of digit boxes (hex)	#101010	boxColor=#fff
textColor	Text color of digits (hex)	#00FFF7	textColor=#000
fontSize	Font size of digits (px)	20	fontSize=18

Example with custom styles:

URL

<img src="https://page-visitor.vercel.app/<your-key>/count.svg?digits=7&boxW=20&boxH=23&gap=1&radius=10&boxColor=%23fff&textColor=%23000&fontSize=18">

How It Works

The first time a badge is requested, a counter is created in Redis.
Each request increments the counter for the given key.
The badge is rendered as an SVG with your chosen styling.

License

MIT License. Feel free to use and modify.

Credits

Built with ❤️ using Node.js, TypeScript, Redis, and Vercel.

Made by Akashdeep 👨‍💻