---
title: Web SDKs Overview
description: Build browser, React, native, backend, wallet, and indexing
  applications on top of the current Thru TypeScript package surface.
source_url:
  html: https://thru.org/docs/sdks/web/
  md: https://thru.org/docs/sdks/web.md
---

# Web SDKs Overview

Use the Web SDKs when you are building TypeScript applications, wallet-connected experiences, React interfaces, backend indexers, or tooling on top of Thru.

## Start Here

- Start with [`@thru/sdk`](https://thru.org/docs/sdks/web-packages/sdk.md) for the typed RPC client, domain models, protobufs, helpers, crypto utilities, and ABI reflection.
- Use [`@thru/wallet`](https://thru.org/docs/sdks/web-packages/wallet.md) for embedded wallet integrations in browser, React, React UI, and native apps.
- Use [`@thru/programs`](https://thru.org/docs/sdks/web-packages/programs.md) for token and passkey-manager program bindings.
- Use [`@thru/replay`](https://thru.org/docs/sdks/web-packages/replay.md) and [`@thru/indexer`](https://thru.org/docs/sdks/web-packages/indexer.md) for chain data pipelines.

## Packages

| Package | Description | Useful when |
| - | - | - |
| [`@thru/sdk`](https://thru.org/docs/sdks/web-packages/sdk.md) | Main TypeScript SDK with the RPC client, domain models, protobufs, helpers, crypto utilities, and ABI reflection subpaths. | Integrating any app or backend with the Thru chain. |
| [`@thru/programs`](https://thru.org/docs/sdks/web-packages/programs.md) | Program-specific bindings under `@thru/programs/token` and `@thru/programs/passkey-manager`. | Building token or passkey-manager instructions, account parsers, and derivation helpers. |
| [`@thru/wallet`](https://thru.org/docs/sdks/web-packages/wallet.md) | Embedded wallet package for browser, React, React UI, and native wallet integration. | Adding connect, account selection, signing, and hosted wallet UI to apps. |
| [`@thru/passkey`](https://thru.org/docs/sdks/web-packages/passkey.md) | WebAuthn package for passkey registration, signing, popup fallback, mobile helpers, auth flows, and server helpers. | Adding passkey signing or auth helpers to wallet and dApp flows. |
| [`@thru/replay`](https://thru.org/docs/sdks/web-packages/replay.md) | Historical plus live replay library for ordered block, transaction, account, and event streams. | Backfilling and tailing chain data for analytics, ETL, or event processing services. |
| [`@thru/indexer`](https://thru.org/docs/sdks/web-packages/indexer.md) | Drizzle-backed indexing framework for stream definitions, checkpoints, and background indexing runtimes. | Building a backend indexer that syncs chain data into Postgres. |

## Common Imports

| Need | Import |
| - | - |
| Main RPC SDK | `@thru/sdk` |
| Minimal RPC client constructor | `@thru/sdk/client` |
| Generated protobufs | `@thru/sdk/proto` |
| Address/signature helpers | `@thru/sdk/helpers` |
| Mnemonics and HD wallets | `@thru/sdk/crypto` |
| ABI reflection | `@thru/sdk/abi` |
| Token program bindings | `@thru/programs/token` |
| Passkey-manager program bindings | `@thru/programs/passkey-manager` |
| Browser wallet SDK | `@thru/wallet` |
| React wallet hooks | `@thru/wallet/react` |
| Prebuilt React wallet UI | `@thru/wallet/react-ui` |
| Native wallet React hooks/UI | `@thru/wallet/native/react` |

## Related Guides

- [Wallet Integration](https://thru.org/docs/wallet/overview.md)
- [Core Programs](https://thru.org/docs/core-programs/overview.md)
- [Indexing Overview](https://thru.org/docs/indexing/overview.md)
- [gRPC API overview](https://thru.org/docs/api-ref/grpc/overview.md)