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

# Using Vanilla JS or TS

> Vanilla JavaScript or Typescript integration.

# Support Tailwind in 5 minutes

<Steps>
  <Step title="Download Cosmoskit's Tailwind wallet adapter.">
    ```bash
    yarn add @tailwindzone/connect
    ```
  </Step>

  <Step title="Get wallet and signer from window, and pass to CosmJS for signing.">
    Tailwind has the same API as Keplr wallet using the
    `keplr` attribute of `wallet` below.
    Make sure Package version is at least `2.2.0`.

    ```typescript
    import { connect } from "@tailwindzone/connect";
    import { SigningStargateClient } from "@cosmjs/stargate";

    const onSignClick = async () => {
      // wallet.keplr is the same as window.keplr
      // wallet.getOfflineSigner is the same as window.getOfflineSigner
      const wallet = await connect();
      const signer = wallet.getOfflineSigner("pacific-1");

      const [account] = await signer.getAccounts();
      const client = await SigningStargateClient.connectWithSigner(
        "https://rpc.sei.network",
        signer
      );
      const res = await client.signAndBroadcast(
        account.address,
        [msg],
        fee,
        memo
      );
    }
    ```
  </Step>

  <Step title="Done!">
    Tailwind is now supported! To use our 1-click source funds and gas API, please follow the next section.
  </Step>
</Steps>