Navigate:
All Reposclarity
~$CLARIT0.0%

Clarity: Open-source behavioral analytics library

TypeScript library for session replay and behavioral analytics.

LIVE RANKINGS • 06:51 AM • STEADY
OVERALL
#256
8
DEVELOPER TOOLS
#54
30 DAY RANKING TREND
ovr#256
·Devel#54
STARS
6.4K
FORKS
744
DOWNLOADS
51
7D STARS
+1
7D FORKS
0
See Repo:
Share:

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.


1

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.

2

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.

3

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
});

vv5.4.1

Release notes do not specify changes, breaking updates, or fixes for this patch version.

  • Review commit history or changelog separately to identify actual changes before upgrading.
  • Assume patch-level stability unless project documentation indicates otherwise for v5.4.1.
vv4.0.4

Patch release fixes datagrid filtering bugs, combo box pill styling, accordion CSS variables, and core accessibility issues.

  • Apply this patch to resolve datagrid filtering defects and combo box pill design inconsistencies.
  • Review accordion CSS variable usage if customized; accessibility improvements may affect screen reader behavior.
vv3.1.10

Patch release fixing a datagrid filtering defect; no breaking changes or new requirements specified.

  • Apply this release to resolve datagrid filtering issues if you use Clarity datagrids in production.
  • Release notes do not specify the nature of the filtering bug or affected versions; review commit history for details.


[ EXPLORE MORE ]

Related Repositories

Discover similar tools and frameworks used by developers