Clarity (Archived): Open-source design system for Angular
TypeScript library for session replay and behavioral analytics.
Learn more about Clarity
Clarity is a TypeScript library for capturing and analyzing user behavioral data through session replay and interaction tracking. It instruments web applications by hooking into the DOM to record user actions, page mutations, and navigation events, then serializes this data for transmission to analytics endpoints. The library implements configurable privacy controls through CSS selector-based masking rules that redact sensitive content before data collection occurs. Session data can be enriched with custom metadata and tagged events to enable segmentation and filtering during analysis. The tracking system offers granular control over which interaction types are captured, allowing developers to balance analytical depth with client-side performance overhead.
Privacy-First Data Capture
Automatically masks sensitive content client-side before transmission to servers. Configurable rules let you control exactly what gets collected, ensuring compliance without manual data scrubbing.
Modular Package Architecture
Separates instrumentation, decoding, visualization, and dev tools into independent packages. Deploy only what you need and integrate each component separately into existing workflows.
DOM Mutation Tracking
Captures layout changes and DOM mutations instead of just events, enabling pixel-perfect session replay. Reconstructs exactly how pages rendered during user sessions without screenshots or video encoding.
import { clarity } from 'clarity-js';
// Start recording user session
clarity.start({
projectId: 'your-project-id',
upload: 'https://www.clarity.ms/collect',
track: true,
content: true
});See how people are using Clarity
Top in Developer Tools
Related Repositories
Discover similar tools and frameworks used by developers
Instaloader
Python CLI for downloading Instagram posts, stories, profiles, and metadata.
Lima
Linux VM launcher with automatic file sharing, port forwarding, and container engine support.
Bubble Tea
Go framework for terminal user interfaces based on The Elm Architecture with inline/fullscreen modes.
tldr-pages
Community-maintained concise help pages for CLI tools with practical examples.
Colima
Lima-based container runtime provisioning for macOS and Linux.