← Back to Hub Getting Started Components GitHub Install v0.2.0
v0.2.0 - Device Fingerprinting 🎉

Client-Side Security
for React

Session watchdog, encrypted storage, device fingerprinting, and telemetry. Protect your frontend and report to your SIEM.

Get Started
$ npm i @nis2shield/react-guard

Everything you need for client-side security

Session Watchdog

Detect user inactivity and tab napping. Auto-logout on idle with configurable timeouts.

Secure Storage

AES-GCM encrypted localStorage and sessionStorage. Ephemeral keys for automatic data clearing.

Device Fingerprint

Canvas hash, WebGL detection, and hardware info. Detect session hijacking with fingerprint comparison.

Quick Start

App.tsx
import { Nis2Provider, SessionWatchdog, AuditBoundary } from '@nis2shield/react-guard';

function App() {
  return (
    <Nis2Provider config={{
      auditEndpoint: '/api/nis2/telemetry/',
      idleTimeoutMinutes: 15,
    }}>
      <AuditBoundary>
        <SessionWatchdog onIdle={() => logout()} />
        <YourApp />
      </AuditBoundary>
    </Nis2Provider>
  );
}

Documentation

Getting Started

Install and configure in minutes

Components & Hooks

All available APIs explained