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

# Fuel Wallet

## Overview

The Fuel wallet provider supports Fuel Network wallets and ecosystem.

## Installation

<CodeGroup>
  ```typescript yarn theme={"system"} theme={null}
  yarn add @layerswap/wallet-fuel @tanstack/react-query
  ```

  ```typescript pnpm theme={"system"} theme={null}
  pnpm add @layerswap/wallet-fuel @tanstack/react-query
  ```

  ```typescript npm theme={"system"} theme={null}
  npm install @layerswap/wallet-fuel @tanstack/react-query
  ```
</CodeGroup>

[**TanStack Query**](https://tanstack.com/query/v5) is an async state manager that handles fetching, caching, synchronizing and more.

***

## Basic Usage

The Fuel provider requires no configuration:

```typescript theme={null}
import { LayerswapProvider, Swap } from "@layerswap/widget"
import { createFuelProvider } from "@layerswap/wallet-fuel"
import "@layerswap/widget/index.css"

export const App = () => {
  const fuelProvider = createFuelProvider()

  return (
    <LayerswapProvider
      walletProviders={[fuelProvider]}
    >
      <Swap />
    </LayerswapProvider>
  )
}
```