> ## Documentation Index
> Fetch the complete documentation index at: https://www.offlineprotocol.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> A lightweight SDK to integrate identity and connections from the Offline Protocol ecosystem into your React apps.

# Offline Protocol Identity SDK (React)

The ID SDK is your gateway to the Offline Protocol Identity Service, giving your React apps instant access to secure, decentralized, and portable user identities.

By handling identity, connections, and authentication out of the box, the SDK lets you focus on what matters most — building delightful user experiences. Instead of starting from scratch, apps built on Offline Protocol can tap into a user’s existing profile, social graph, and connections — unlocking a frictionless onboarding experience and a truly interconnected ecosystem.

## Why It Matters

In a connected world dominated by centralized services, user identity is fragmented and siloed. The Offline Protocol Identity SDK offers:

* **Portability** — Users bring their profiles and connections with them, across apps.
* **Interoperability** — Apps instantly benefit from a pre-existing network effect.
* **Resilience** — Designed for offline-first and decentralized contexts.

This means less friction for users and faster growth loops for developers.

## Key Capabilities

<CardGroup cols={1}>
  <Card title="Authentication Made Simple" icon="key">
    OTP-based login with JWT-backed security, ensuring every request is verifiable and trusted.
  </Card>

  {" "}

  <Card title="Profiles & Metadata" icon="id-card">
    Access user profiles, avatars, and metadata seamlessly without custom
    backends.
  </Card>

  {" "}

  <Card title="Connections Graph" icon="users">
    Fetch, add, and remove peer-to-peer connections to instantly power friends
    lists, leaderboards, and communities.
  </Card>

  <Card title="Offline-First Design" icon="wifi">
    Works even when network connectivity is unreliable, thanks to a local-first design.
  </Card>
</CardGroup>

## What You Can Build

With just a few lines of code, you can enable:

* **Onboarding flows** that recognize users instantly.
* **Social features** like friend lists, followers, and activity feeds.
* **Collaborative apps** that leverage shared connections.
* **Gamified systems** like leaderboards and achievements powered by the social graph.

## Why Developers Love It

<CardGroup cols={2}>
  <Card title="Plug-and-Play" icon="plug">
    No need to reinvent identity systems.
  </Card>

  {" "}

  <Card title="Ecosystem-Ready" icon="network-wired">
    Taps into a shared pool of users and connections.
  </Card>

  {" "}

  <Card title="Security-First" icon="shield-check">
    Battle-tested cryptographic foundations with JWTs.
  </Card>

  <Card title="Future-Proof" icon="infinity">
    Built for decentralized and offline-first applications.
  </Card>
</CardGroup>