The Anonymous Realtime Visitor Counter

herenow.js is a feather-light, privacy-respecting, cookie-free visitor counter that shows you how many users are on your site right now. No tracking, no personal data, no GDPR headaches.

1 user here now

Privacy-Respecting

We never use cookies or track personal data. herenow.js is completely anonymous and designed to respect user privacy from the ground up.

GDPR Compliant

Since no personal data is ever collected or stored, herenow.js helps you meet your GDPR and privacy compliance goals effortlessly.

Simple & Minimal

Just one line of HTML and one script tag. The counter is unstyled by default, giving you complete control to make it blend perfectly with your site's design.

Get Started in 60 Seconds

Follow these three simple steps to add herenow.js to your website.

Step 1

Add the HTML Element

Place this `span` tag wherever you want the counter to appear on your page. The script will automatically find it and update its content.

<span class="herenow">1 user here now</span>

Step 2

Add the Script

Finally, add this script tag just before the closing `</body>` tag on your page. That's it!

<script src="https://wgx.github.io/herenow/herenow.min.js" defer></script>

Step 3 (Optional, you're already done!)

Style the Counter

The counter is unstyled by default. Add this CSS to your stylesheet to create a nice-looking badge with a pulsing dot.

.herenow-container {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #f0f2f5;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
}

.dot {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #22c55e;
    border-radius: 50%;
    animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    50% { opacity: .5; }
}

Then, wrap your counter in a div to apply the styles:

<div class="herenow-container">
    <span class="dot"></span>
    <span class="herenow">1 user here now</span>
</div>