open-index/open-npm huggingface dataset:
npm package: @layerstack/svelte-state
Description: TODO
Author: Sean Lynch
Latest version: 0.1.0-next.23

# LayerStack svelte-stores

![](https://img.shields.io/github/license/techniq/layerstack?style=flat)
[![](https://img.shields.io/github/actions/workflow/status/techniq/layerstack/ci.yml?style=flat)](https://github.com/techniq/layerstack/actions/workflows/ci.yml)

![](https://img.shields.io/github/license/layerstack?style=flat)
[![](https://dcbadge.vercel.app/api/server/697JhMPD3t?style=flat)](https://discord.gg/697JhMPD3t)

See also the companion libraries [LayerChart](https://layerchart.com) for a large collection of composable chart components to build a wide range of visualizations, and [Svelte UX](https://svelte-ux.techniq.dev/) for a collection of components to build highly interactive applications.
npm package: @layerswap/wallet-bitcoin
Description: Bitcoin Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-bitcoin

Bitcoin wallet provider for the Layerswap Widget. Enables Bitcoin wallet connections and transactions within the Layerswap ecosystem.

## Installation

```bash
npm install @layerswap/wallet-bitcoin @bigmi/client @bigmi/core @bigmi/react @tanstack/react-query
# or
yarn add @layerswap/wallet-bitcoin @bigmi/client @bigmi/core @bigmi/react @tanstack/react-query
# or
pnpm add @layerswap/wallet-bitcoin @bigmi/client @bigmi/core @bigmi/react @tanstack/react-query
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createBitcoinProvider } from "@layerswap/wallet-bitcoin";

export default function Page() {
  const bitcoinProvider = createBitcoinProvider();
  
  return (
    <LayerswapProvider walletProviders={[bitcoinProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createBitcoinProvider()` to create a Bitcoin wallet provider:

```tsx
import { createBitcoinProvider } from "@layerswap/wallet-bitcoin";

const bitcoinProvider = createBitcoinProvider({
  // Custom configuration options
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Bitcoin Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/BitcoinProvider).

## Features

- Bitcoin wallet connection via Bigmi
- Balance checking
- Gas/fee estimation
- Address validation and utilities
- Bitcoin transaction support

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/bitcoin)
npm package: @layerswap/wallet-evm
Description: EVM Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-evm

EVM (Ethereum Virtual Machine) wallet provider for the Layerswap Widget. Supports Ethereum and all EVM-compatible chains including L2s.

## Installation

```bash
npm install @layerswap/wallet-evm wagmi viem @tanstack/react-query
# or
yarn add @layerswap/wallet-evm wagmi viem @tanstack/react-query
# or
pnpm add @layerswap/wallet-evm wagmi viem @tanstack/react-query
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createEVMProvider } from "@layerswap/wallet-evm";

export default function Page() {
  const evmProvider = createEVMProvider({
    walletConnectConfigs: {
      projectId: "your-project-id",
      name: "Your App",
      description: "Your app description",
      url: "https://your-app.com",
      icons: ["https://your-app.com/icon.png"]
    }
  });
  
  return (
    <LayerswapProvider walletProviders={[evmProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createEVMProvider()` to create an EVM wallet provider:

```tsx
import { createEVMProvider } from "@layerswap/wallet-evm";

const evmProvider = createEVMProvider({
  walletConnectConfigs: {
    projectId: "your-project-id",
    name: "Your App",
    description: "Your app description",
    url: "https://your-app.com",
    icons: ["https://your-app.com/icon.png"]
  },
  walletProviderModules: [
    // Additional wallet modules
  ]
});
```

### Supported Wallets

- MetaMask
- WalletConnect
- Coinbase Wallet
- And other wagmi-compatible wallets

### Supported Chains

All EVM-compatible chains including:
- Ethereum
- Polygon
- Arbitrum
- Optimism
- Base
- And many more L2s

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [EVM Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/EVMProvider).

## Features

- Multi-wallet support via wagmi
- WalletConnect integration
- Balance checking (including Hyperliquid support)
- Gas estimation
- Address validation and utilities
- Contract address utilities
- EVM transaction support
- Extensible via wallet provider modules

## Exports

- `createEVMProvider()` - Factory function for creating EVM providers
- `useChainConfigs` - Hook for accessing chain configurations

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/evm)
npm package: @layerswap/wallet-fuel
Description: Fuel Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-fuel

Fuel wallet provider for the Layerswap Widget. Enables Fuel blockchain wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-fuel wagmi viem @wagmi/core @tanstack/react-query
# or
yarn add @layerswap/wallet-fuel wagmi viem @wagmi/core @tanstack/react-query
# or
pnpm add @layerswap/wallet-fuel wagmi viem @wagmi/core @tanstack/react-query
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createFuelProvider } from "@layerswap/wallet-fuel";

export default function Page() {
  const fuelProvider = createFuelProvider();
  
  return (
    <LayerswapProvider walletProviders={[fuelProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createFuelProvider()` to create a Fuel wallet provider:

```tsx
import { createFuelProvider } from "@layerswap/wallet-fuel";

const fuelProvider = createFuelProvider({
  // Custom configuration options
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Fuel Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/FuelProvider).

## Features

- Fuel wallet connection via Fuel SDK
- Balance checking
- Gas estimation
- Address validation and utilities
- Fuel transaction support
- Integration with `@fuels/react` for React hooks

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/fuel)
npm package: @layerswap/wallet-imtbl-passport
Description: ImmutablePassport Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.0

# @layerswap/wallet-imtbl-passport

Immutable Passport wallet provider for the Layerswap Widget. Enables Immutable Passport wallet connections for Immutable X ecosystem.

## Installation

```bash
npm install @layerswap/wallet-imtbl-passport @layerswap/wallet-evm wagmi viem @tanstack/react-query
# or
yarn add @layerswap/wallet-imtbl-passport @layerswap/wallet-evm wagmi viem @tanstack/react-query
# or
pnpm add @layerswap/wallet-imtbl-passport @layerswap/wallet-evm wagmi viem @tanstack/react-query
```

## Documentation

For setup instructions, configuration details, and usage examples, see the [official Immutable Passport documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/ImmutablePassportProvider).

**Note:** Immutable Passport requires the EVM provider as a dependency and must be used alongside it.

## Features

- Immutable Passport wallet connection
- Integration with Immutable SDK
- Support for Immutable X transactions
- Seamless onboarding for gaming-focused wallet solution
- Requires EVM provider as a dependency

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/imtblPassport)
npm package: @layerswap/wallet-imtbl-x
Description: ImmutableX Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-imtbl-x

Immutable X wallet provider for the Layerswap Widget. Enables Immutable X wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-imtbl-x
# or
yarn add @layerswap/wallet-imtbl-x
# or
pnpm add @layerswap/wallet-imtbl-x
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createImmutableXProvider } from "@layerswap/wallet-imtbl-x";

export default function Page() {
  const imtblXProvider = createImmutableXProvider();
  
  return (
    <LayerswapProvider walletProviders={[imtblXProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createImmutableXProvider()` to create an Immutable X wallet provider:

```tsx
import { createImmutableXProvider } from "@layerswap/wallet-imtbl-x";

const imtblXProvider = createImmutableXProvider({
  // Custom configuration options
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [ImmutableX Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/ImmutableXProvider).

## Features

- Immutable X wallet connection
- Balance checking
- Gas estimation
- Integration with Immutable X SDK
- Support for Immutable X transactions

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/imtblX)
npm package: @layerswap/wallet-module-loopring
Description: Loopring Wallet Module for Layerswap Widget
Author: Layerswap
Latest version: 1.2.0

# @layerswap/wallet-module-loopring

Loopring wallet module for the Layerswap Widget. Enables Loopring Layer 2 wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-module-loopring
# or
yarn add @layerswap/wallet-module-loopring
# or
pnpm add @layerswap/wallet-module-loopring
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createEVMProvider } from "@layerswap/wallet-evm";
import { createLoopringModule } from "@layerswap/wallet-module-loopring";

export default function Page() {
  const loopringModule = createLoopringModule();
  const evmProvider = createEVMProvider({
    walletProviderModules: [loopringModule]
  });
  
  return (
    <LayerswapProvider walletProviders={[evmProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Loopring is a wallet module that extends the EVM provider. Use `createLoopringModule()` and pass it to `createEVMProvider()`:

```tsx
import { createEVMProvider } from "@layerswap/wallet-evm";
import { createLoopringModule } from "@layerswap/wallet-module-loopring";

const loopringModule = createLoopringModule();
const evmProvider = createEVMProvider({
  walletProviderModules: [loopringModule]
});
```

## Documentation

For detailed setup instructions and usage examples, see the [Native Wallet Packages documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/EVMProvider#advanced:-evm-modules).

## Features

- Loopring wallet connection
- Balance checking
- Gas estimation
- Integration with Loopring SDK
- Support for Loopring Layer 2 transactions
- Multi-step transaction handling

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/loopring)
npm package: @layerswap/wallet-module-zksync
Description: ZKsync Wallet Module for Layerswap Widget
Author: Layerswap
Latest version: 1.0.1

# @layerswap/wallet-module-zksync

zkSync wallet module for the Layerswap Widget. Enables zkSync wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-module-zksync wagmi viem @layerswap/wallet-evm @tanstack/react-query
# or
yarn add @layerswap/wallet-module-zksync wagmi viem @layerswap/wallet-evm @tanstack/react-query
# or
pnpm add @layerswap/wallet-module-zksync wagmi viem @layerswap/wallet-evm @tanstack/react-query
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createEVMProvider } from "@layerswap/wallet-evm";
import { createZkSyncModule } from "@layerswap/wallet-module-zksync";

export default function Page() {
  const zkSyncModule = createZkSyncModule();
  const evmProvider = createEVMProvider({
    walletProviderModules: [zkSyncModule]
  });
  
  return (
    <LayerswapProvider walletProviders={[evmProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

zkSync is a wallet module that extends the EVM provider. Use `createZkSyncModule()` and pass it to `createEVMProvider()`:

```tsx
import { createEVMProvider } from "@layerswap/wallet-evm";
import { createZkSyncModule } from "@layerswap/wallet-module-zksync";

const zkSyncModule = createZkSyncModule();
const evmProvider = createEVMProvider({
  walletProviderModules: [zkSyncModule]
});
```

## Documentation

For detailed setup instructions and usage examples, see the [Native Wallet Packages documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/EVMProvider#advanced:-evm-modules).

## Features

- zkSync wallet connection
- Balance checking
- Gas estimation
- Integration with zkSync SDK
- Support for zkSync transactions
- Layer 2 transaction support

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/zkSync)
npm package: @layerswap/wallet-paradex
Description: Paradex Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.0

# @layerswap/wallet-paradex

Paradex wallet provider for the Layerswap Widget. Enables Paradex wallet connections for both EVM and Starknet networks.

## Installation

```bash
npm install @layerswap/wallet-paradex @layerswap/wallet-evm @layerswap/wallet-starknet wagmi viem @wagmi/core @layerswap/widget
# or
yarn add @layerswap/wallet-paradex @layerswap/wallet-evm @layerswap/wallet-starknet wagmi viem @wagmi/core @layerswap/widget
# or
pnpm add @layerswap/wallet-paradex @layerswap/wallet-evm @layerswap/wallet-starknet wagmi viem @wagmi/core @layerswap/widget
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createParadexProvider, createEVMProvider, createStarknetProvider } from "@layerswap/wallet-paradex";

export default function Page() {
  const paradexProvider = createParadexProvider();
  const evmProvider = createEVMProvider();
  const starknetProvider = createStarknetProvider()'
  
  return (
    <LayerswapProvider walletProviders={[evmProvider, starknetProvider, paradexProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createParadexProvider()` to create a Paradex wallet provider. Paradex supports both EVM and Starknet networks, so this provider requires both `@layerswap/wallet-evm` and `@layerswap/wallet-starknet` as peer dependencies:

```tsx
import { createParadexProvider } from "@layerswap/wallet-paradex";

const paradexProvider = createParadexProvider({
  // Custom configuration options
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Paradex Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/ParadexProvider).

## Features

- Paradex wallet connection
- Balance checking
- Support for both EVM and Starknet networks
- Integration with Paradex SDK
- Multi-chain transaction support

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/paradex)
npm package: @layerswap/wallet-starknet
Description: Starknet Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-starknet

Starknet wallet provider for the Layerswap Widget. Enables Starknet wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-starknet
# or
yarn add @layerswap/wallet-starknet
# or
pnpm add @layerswap/wallet-starknet
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createStarknetProvider } from "@layerswap/wallet-starknet";

export default function Page() {
  const starknetProvider = createStarknetProvider({
    walletConnectConfigs: {
      projectId: "your-project-id",
      name: "Your App",
      description: "Your app description",
      url: "https://your-app.com",
      icons: ["https://your-app.com/icon.png"]
    }
  });
  
  return (
    <LayerswapProvider walletProviders={[starknetProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createStarknetProvider()` to create a Starknet wallet provider:

```tsx
import { createStarknetProvider } from "@layerswap/wallet-starknet";

const starknetProvider = createStarknetProvider({
  walletConnectConfigs: {
    projectId: "your-project-id",
    name: "Your App",
    description: "Your app description",
    url: "https://your-app.com",
    icons: ["https://your-app.com/icon.png"]
  }
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Starknet Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/StarknetProvider).

## Features

- Starknet wallet connection via StarknetKit
- Balance checking
- Gas estimation
- NFT provider support
- Address validation and utilities
- Starknet transaction support

## Supported Wallets

- Ready Wallet
- Ready
- Web wallet
- Braavos
- Keplr
- Xverse
- Cartridge Controller

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/starknet)
npm package: @layerswap/wallet-svm
Description: Solana Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-svm

Solana (SVM) wallet provider for the Layerswap Widget. Enables Solana wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-svm
# or
yarn add @layerswap/wallet-svm
# or
pnpm add @layerswap/wallet-svm
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createSVMProvider } from "@layerswap/wallet-svm";

export default function Page() {
  const svmProvider = createSVMProvider({
    walletConnectConfigs: {
      projectId: "your-project-id",
      name: "Your App",
      description: "Your app description",
      url: "https://your-app.com",
      icons: ["https://your-app.com/icon.png"]
    }
  });
  
  return (
    <LayerswapProvider walletProviders={[svmProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createSVMProvider()` to create a Solana wallet provider:

```tsx
import { createSVMProvider } from "@layerswap/wallet-svm";

const svmProvider = createSVMProvider({
  walletConnectConfigs: {
    projectId: "your-project-id",
    name: "Your App",
    description: "Your app description",
    url: "https://your-app.com",
    icons: ["https://your-app.com/icon.png"]
  }
});
```

### Supported Wallets

- Phantom
- Solflare
- Backpack
- And other Solana wallet adapters

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Solana (SVM) Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/SVMWallet).

## Features

- Solana wallet connection via Solana wallet adapters
- Balance checking
- Gas/fee estimation
- Address validation and utilities
- Solana transaction support
- WalletConnect support for Solana

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/svm)
npm package: @layerswap/wallet-ton
Description: TON Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-ton

TON (The Open Network) wallet provider for the Layerswap Widget. Enables TON wallet connections and transactions.

## Installation

```bash @layerswap/widget
# or
yarn add @layerswap/wallet-ton
# or
pnpm add @layerswap/wallet-ton
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createTONProvider } from "@layerswap/wallet-ton";

export default function Page() {
  const tonProvider = createTONProvider({
    tonConfigs: {
      tonApiKey: "your-ton-api-key",
      manifestUrl: "https://your-app.com/tonconnect-manifest.json"
    }
  });
  
  return (
    <LayerswapProvider walletProviders={[tonProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createTONProvider()` to create a TON wallet provider:

```tsx
import { createTONProvider } from "@layerswap/wallet-ton";

const tonProvider = createTONProvider({
  tonConfigs: {
    tonApiKey: "your-ton-api-key",
    manifestUrl: "https://your-app.com/tonconnect-manifest.json"
  }
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [TON Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/TonProvider).

## Features

- TON wallet connection via TON Connect
- Balance checking
- Gas estimation
- Address validation and utilities
- TON transaction support
- Integration with `@tonconnect/ui-react`

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/ton)
npm package: @layerswap/wallet-tron
Description: Tron Wallet Provider for Layerswap Widget
Author: Layerswap
Latest version: 1.2.1

# @layerswap/wallet-tron

Tron wallet provider for the Layerswap Widget. Enables Tron wallet connections and transactions.

## Installation

```bash
npm install @layerswap/wallet-tron
# or
yarn add @layerswap/wallet-tron
# or
pnpm add @layerswap/wallet-tron
```

## Quick Start

```tsx
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { createTronProvider } from "@layerswap/wallet-tron";

export default function Page() {
  const tronProvider = createTronProvider();
  
  return (
    <LayerswapProvider walletProviders={[tronProvider]}>
      <Swap />
    </LayerswapProvider>
  );
}
```

## Usage

Use `createTronProvider()` to create a Tron wallet provider:

```tsx
import { createTronProvider } from "@layerswap/wallet-tron";

const tronProvider = createTronProvider({
  // Custom configuration options
});
```

## Documentation

For detailed setup instructions, configuration options, and usage examples, see the [Tron Wallet Provider documentation](https://docs.layerswap.io/integration/UI/Widget/WalletManagement/TronProvider).

## Features

- Tron wallet connection via multiple wallet adapters
- Support for multiple Tron wallets:
  - TronLink
  - Ledger
  - OKX Wallet
  - TokenPocket
  - BitKeep
  - Bybit
  - GateWallet
  - FoxWallet
  - imToken
  - Trust Wallet
- Balance checking
- Gas estimation
- Address validation and utilities
- Tron transaction support

## TypeScript

This package includes TypeScript definitions. All types are exported from the main entry point.

## License

MIT

## Repository

[GitHub](https://github.com/layerswap/layerswapapp/tree/main/packages/wallets/tron)
npm package: @layerswap/widget
Description: Streamline your asset transaction experience with Layerswap Widget across 60+ blockchains and 15+ exchanges.
Author: Layerswap
Latest version: 1.2.2


<div align="center">

[![npm latest package](https://img.shields.io/npm/v/@layerswap/widget/latest.svg)](https://www.npmjs.com/package/@layerswap/widget)
[![Follow on X](https://img.shields.io/twitter/follow/layerswap.svg?label=follow+Layerswap)](https://x.com/layerswap)

</div>

<h1 align="center">Layerswap Widget</h1>

<img alt="layerswap" src="https://layerswap.io/app/opengraph.jpg" />

## Installation

### Layerswap Widget

Layerswap Widget is available as an [npm package](https://www.npmjs.com/package/@layerswap/widget).

**pnpm:**

```sh
pnpm add @layerswap/widget zustand
```

**npm:**

```sh
npm install @layerswap/widget zustand
```

**yarn:**

```sh
yarn add @layerswap/widget zustand
```

- [**Zustand**](https://zustand.docs.pmnd.rs/getting-started/introduction) is a lightweight state management library for React applications.

## Getting started with Layerswap Widget

Here is an example of a basic app using Layerswap Widget:

```tsx
import { LayerswapProvider, Swap } from '@layerswap/widget';

export const WidgetPage = () => {
  return (
    <LayerswapProvider>
      <Swap />
    </LayerswapProvider>
  );
};
```

## Examples

See [examples](/examples) folder in this repository.