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

# SDK Overview

> Truv Bridge SDKs for web and mobile

Embed Truv Bridge to let users connect their payroll, employment, and financial accounts. Load the SDK straight from the CDN, or install a framework-specific wrapper that handles initialization and events for your platform.

For a plain web page, drop in the script tag and call `TruvBridge.init()`:

```html theme={null}
<script src="https://cdn.truv.com/bridge.js"></script>
```

Alongside this direct import, you can use one of the SDKs below.

## Web

<CardGroup cols={2}>
  <Card title="Vanilla JS" icon="js" href="/developers/sdks/javascript">
    `@truv/bridge` for plain web pages — or load it directly from the CDN.
  </Card>

  <Card title="React" icon="react" href="/developers/sdks/react">
    `@truv/react` hooks and components for React apps.
  </Card>
</CardGroup>

## Mobile

<CardGroup cols={2}>
  <Card title="iOS" icon="apple" href="/developers/sdks/ios">
    `TruvSDK` Swift package for native iOS apps.
  </Card>

  <Card title="Android" icon="android" href="/developers/sdks/android">
    `com.truv.sdk:android_sdk` for native Kotlin apps.
  </Card>

  <Card title="React Native" icon="react" href="/developers/sdks/react-native">
    `@truv/react-native` for cross-platform React Native apps.
  </Card>

  <Card title="Flutter" icon="flutter" href="/developers/sdks/flutter">
    `truv_flutter` for cross-platform Flutter apps.
  </Card>
</CardGroup>

## Events

<Card title="Bridge Events" icon="window-maximize" href="/developers/sdks/bridge-events">
  Client-side callbacks, `onEvent` types, event payloads, and error codes.
</Card>