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

# Introduction

> Official Tender SDK for JavaScript applications

## Overview

Tender provides an official JavaScript SDK to help you integrate cryptocurrency payments into your applications quickly and easily.

***

## Available SDK

<Card title="JavaScript SDK (Current)" icon="js" href="/sdk/javascript">
  `@tender-cash/js-sdk` for JavaScript and React applications
</Card>

<Card title="JavaScript SDK (Old Version)" icon="clock-rotate-left" href="https://www.npmjs.com/package/@tender-cash/agent-sdk-react">
  Legacy package: `@tender-cash/agent-sdk-react`
</Card>

***

## Features

The Tender JavaScript SDK includes:

* **Shadow DOM Isolation** - Prevents CSS conflicts with your application styles
* **TypeScript Support** - Full TypeScript definitions for type safety
* **Error Handling** - Comprehensive error handling with detailed messages
* **Loading States** - Built-in loading state management
* **Theme Customization** - Support for light and dark themes
* **Auto-Open Modal** - Streamlined payment flow with automatic modal opening
* **Framework Agnostic** - Works with React, Vue, Angular, or vanilla JavaScript
* **Responsive Design** - Optimized for both desktop and mobile devices

***

## Key Features

| Feature              | JavaScript SDK |
| -------------------- | -------------- |
| TypeScript Support   | ✅              |
| Payment Initiation   | ✅              |
| Payment Validation   | ✅              |
| Blockchain Selection | ✅              |
| Loading States       | ✅              |
| Error Handling       | ✅              |
| Theme Support        | ✅              |
| Shadow DOM           | ✅              |
| Mobile Responsive    | ✅              |
| React Integration    | ✅              |
| Vanilla JS Support   | ✅              |

***

## Installation

```bash npm theme={null}
npm install @tender-cash/js-sdk
```

```bash yarn theme={null}
yarn add @tender-cash/js-sdk
```

```bash pnpm theme={null}
pnpm add @tender-cash/js-sdk
```

***

## Need Help?

<CardGroup cols={2}>
  <Card title="API Reference" icon="book" href="/api-reference/introduction">
    View the full API documentation
  </Card>

  <Card title="Quickstart Guide" icon="rocket" href="/quickstart">
    Get started with Tender API
  </Card>

  <Card title="GitHub" icon="github" href="https://github.com/tender-cash">
    View source code and contribute
  </Card>

  <Card title="Support" icon="envelope" href="mailto:support@tender.cash">
    Contact our support team
  </Card>
</CardGroup>