Mixpanel
Self-serve product analytics for tracking user behavior, funnels, cohorts, and retention
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
Privacy‑first, high‑performance behavioral analytics for modern web
Clarity is a TypeScript library that captures user interactions and DOM changes across browsers, delivering fast, privacy‑focused session replay and heatmaps to help teams improve product experience.
Clarity provides developers with a lightweight, TypeScript‑based instrumentation layer that records user clicks, scrolls, keystrokes, and DOM mutations on any modern browser. The data is streamed to a server‑side decoder, which reconstructs the session into a pixel‑perfect replay, enabling heatmaps and detailed interaction analysis.
Designed for product and engineering teams that need deep visibility into user behavior while honoring privacy regulations, Clarity can be integrated into any web project with a few script tags. After adding the clarity-js bundle, developers deploy the clarity-decode service on their own infrastructure to transform raw telemetry, then use clarity-visualize to render sessions in a browser. The optional clarity-devtools extension offers live capture for debugging. Because the same code powers Microsoft’s hosted analytics service, users benefit from a proven, high‑performance foundation without relying on a third‑party SaaS platform.
When teams consider Clarity, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Identify UI bottlenecks
Reveal where users hesitate or abandon, enabling UI refinements that boost conversion rates.
Validate new feature adoption
Track interaction patterns to confirm that a released feature is being used as intended.
Monitor mobile experience
Capture touch gestures and layout shifts on mobile browsers to improve responsiveness and usability.
Compliance‑driven analytics
Leverage built‑in masking to collect actionable insights while meeting GDPR, CCPA, and other privacy regulations.
Sensitive page content is automatically masked before transmission, and developers can configure additional masking rules to control exactly what data is collected.
Clarity works on all modern browsers that support standard DOM APIs, including Chrome, Edge, Firefox, Safari, and mobile browsers.
Yes, the `clarity-decode` component runs on your server to transform raw telemetry into replayable sessions. You can store the processed data in any database you choose.
The library is optimized for low overhead, typically adding less than 1 % CPU usage and negligible network bandwidth.
Microsoft offers a hosted service at clarity.microsoft.com, but the open‑source library lets you run the entire stack on your own infrastructure.
Project at a glance
ActiveLast synced 4 days ago