​
Support Tailwind in 5 Minutes

This guide only works if you have Cosmoskit installed. If you don’t, please follow the installation guide.

1

Download Cosmoskit's Tailwind wallet adapter.

yarn add @cosmos-kit/tailwind
2

Add to provider.

import { wallets as tailwindWallets } from "@cosmos-kit/tailwind"; 

function MyCosmosApp({ Component, pageProps }: AppProps) {
  return (
      <ChainProvider
        chains={chains}
        assetLists={assets}
        wallets={[...existingWallets, ...tailwindWallets]}
        // ...
      >
        <Component {...pageProps} />
      </ChainProvider>
  );
}
 
export default MyCosmosApp;
3

Done!

Tailwind is now supported! To use our 1-click source funds and gas API, please follow the next section.