Hexclave

See where every click lands

Heatmaps with zero setup·Rage and dead click alerts·Per-element click breakdown

Already captured. Just open the dashboard.

Every click, tap, and scroll is recorded automatically·No extra script tags, no manual instrumentation

ts
1import { StackClientApp } from "@stackframe/stack";
2 
3// Clickmaps are on by default when analytics is enabled.
4// No extra setup required — every click is captured
5// the moment your app loads.
6export const stackClientApp = new StackClientApp({
7 projectId: process.env.NEXT_PUBLIC_STACK_PROJECT_ID!,
8 publishableClientKey: process.env.NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY!,
9 tokenStore: "nextjs-cookie",
10});

Three ways clickmaps earn their keep

Heatmaps that build themselves·Know which elements get attention — and which frustrate·Catch rage clicks before they become support tickets

Clickmap
Live
Clicks
1349

01·Click heatmaps

Heatmaps that build themselves from real traffic

  • See exactly where users click on every page
  • Hot spots glow brighter as clicks pile up
  • Filter by date range, user segment, or device
Auto-generatedPer-pageFilterable
Element Clicks
Top 5
ElementClicksRageDead

02·Element breakdown

Know which elements get clicks — and which get ignored

  • Ranked list of every clickable element on the page
  • Rage clicks flagged in red, dead clicks in amber
  • Spot broken buttons and misleading links instantly
Per-elementRage detectionDead clicks
Rage Clicks
Live
Users frustration-clicking right now

03·Rage click alerts

Users are frustration-clicking — you should know immediately

  • Live feed of users hammering the same element
  • See the page, the user, and how many rapid clicks
  • Jump to the session replay to see what went wrong
Live alertsLink to replayBy page

Ready to see what your users are actually clicking?

Drop in a single app — or use the whole platform. Either way, you ship faster.

Get started for free