> ## 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.

# Why TAILWIND?

> $3B+ of Interchain liquidity is 1-click away with your  Sei & Interchain wallet from the future.

<img className="block dark:hidden" src="https://mintlify.s3-us-west-1.amazonaws.com/tailwind/images/hero-dark.png" alt="Hero Light" />

<img className="hidden dark:block rounded-lg" src="https://mintlify.s3-us-west-1.amazonaws.com/tailwind/images/hero-dark.png" alt="Hero Dark" />

## Bring Liquidity to Your Sei Application

We'll go over the current UX landscape in Sei and why
your Dapp will benefit immensely from integrating TAILWIND.

## The Problem

{/* I still think this section should focus on the Dapp's needs,
like wanting users and wanting to dominate. Some apps are app-chains,
and they have slightly different incentives.
@todo add a picture here of the current UX landscape in Cosmos,
and how your Dapp benefits from integrating Tailwind.
*/}

For Solana, Ethereum, and Cosmos natives, users are required to move tokens before using
a new app on Sei. Funds are easily fragmented across chains, and bridges makes them path-dependent,
requiring developer expertise to un-wind.

To make things worse, each app has their own gas token. Users have to
do 3-5 additional clicks to get requisite gas.

<Tip>
  For example, to stake Noble USDC on Sei, users need to swap for SEI gas on Osmosis,
  send SEI out, send SEI & USDC out, and then go to the Dapp.
</Tip>

In the worst case, they get their money stuck and stop using your
application altogether.

## The Solution

TAILWIND enables a seamless cross-chain experience for your users. Before using
your Dapp, users no longer have to transfer tokens. Their tokens are automatically
moved and gas provisioned before signing.

With TAILWIND, users can bring liquidity to your application in 1-click, as opposed
to 5 or more.

<img className="block" src="https://mintlify.s3-us-west-1.amazonaws.com/tailwind/images/1-click.jpeg" alt="1-click" />

<Tip>
  Bringing \$3B+ of Interchain liquidity to your Dapp has never been easier.
  You can focus on building a great application, instead of worrying about
  cross-chain token migrations or gas provisioning.
</Tip>

{ /*

## How is this Possible? 

Tailwind inspects the document that you, the developer, requested signing for, 
and automatically provision funds and gas from the document info. 

To the user, this experience is done in 1-click, but under the hood,
multiple documents are provisioned, signed, and broadcasted before the signature
for the document you requested is delivered.

*/ }

## Integrate in Under 5 Minutes

<CardGroup cols={2}>
  <Card title="With Vanilla Typescript / Javascript" icon="pen-to-square" href="/vanilla">
    Works in any Javascript or Typescript project.
  </Card>

  <Card title="With Cosmoskit" icon="pen-to-square" href="/cosmoskit">
    Integrate right away by adding 3 lines of code to your Cosmoskit integration.
  </Card>

  {/* <Card
    title="Using Tailwind API"
    icon="code"
    href="https://mintlify.com/docs/development"
  >
    Contact our Devs on Discord to get 
    help to our NPM package.
  </Card> */}
</CardGroup>

{/* ## Make it yours

Update your docs to your brand and add valuable content for the best user conversion.

<CardGroup cols={2}>
<Card
  title="Customize Style"
  icon="palette"
  href="https://mintlify.com/docs/settings/global"
>
  Customize your docs to your company's colors and brands
</Card>
<Card
  title="Reference APIs"
  icon="code"
  href="https://mintlify.com/docs/api-playground/openapi"
>
  Automatically generate endpoints from an OpenAPI spec
</Card>
<Card
  title="Add Components"
  icon="screwdriver-wrench"
  href="https://mintlify.com/docs/components/accordion"
>
  Build interactive features and designs to guide your users
</Card>
<Card
  title="Get Inspiration"
  icon="stars"
  href="https://mintlify.com/showcase"
>
  Check out our showcase of our favorite documentation
</Card>
</CardGroup> */}