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
Cursor
Local code editor with integrated LLM assistance.
JSON Server
Zero-config REST API server from JSON files.
fd
Fast Rust-based file search utility with simpler syntax than find, regex support, and parallel traversal.
Playwright MCP
Accessibility tree-based browser automation for LLMs.
StatsD
UDP/TCP metrics collector with pluggable backend support.