User → CK App (Frontend) → LI.FI SDK → DEXs & Bridges → Blockchain

npm install @lifi/sdk @lifi/types

import { createConfig, EVM } from '@lifi/sdk';

createConfig({
  integrator: 'ck.app',
  providers: [EVM()],
});

import { getChains } from '@lifi/sdk';

const chains = await getChains();
// Returns: ExtendedChain[] — id, name, logoURI, nativeToken, etc.

import { getTokens } from '@lifi/sdk';

const result = await getTokens({ chains: [1] }); // Ethereum
const tokens = result.tokens[1];
// Returns: Token[] — address, symbol, name, decimals, priceUSD, logoURI

import { getQuote } from '@lifi/sdk';

const quote = await getQuote({
  fromChain: 1,             // Ethereum
  toChain: 42161,           // Arbitrum
  fromToken: '0x0000000000000000000000000000000000000000', // ETH
  toToken: '0x0000000000000000000000000000000000000000',   // ETH
  fromAmount: '1000000000000000000', // 1 ETH in wei
  fromAddress: '0xYourWalletAddress',
  slippage: 0.005, // 0.5%
});

// Returns a Step object with:
// - estimate.toAmount — output amount in base units
// - estimate.gasCosts — array of gas cost breakdowns
// - estimate.executionDuration — estimated seconds
// - transactionRequest — ready-to-sign tx data (to, data, value, gasLimit)
// - toolDetails.name — which DEX/bridge is used

import { getTokenBalances } from '@lifi/sdk';

const tokens = [
  { address: '0x0000...', chainId: 1, decimals: 18, symbol: 'ETH', name: 'ETH' }
];

const balances = await getTokenBalances('0xWalletAddress', tokens);
// Returns: Token[] with amount field (balance in base units)

import { useSendTransaction } from 'wagmi';

const { sendTransactionAsync } = useSendTransaction();

const hash = await sendTransactionAsync({
  to: quote.transactionRequest.to,
  data: quote.transactionRequest.data,
  value: BigInt(quote.transactionRequest.value),
  gas: BigInt(quote.transactionRequest.gasLimit),
});

import { getStatus } from '@lifi/sdk';

const status = await getStatus({
  txHash: '0x...',
  fromChain: 1,
  toChain: 42161,
  bridge: 'stargate', // optional
});
// Returns: StatusResponse with status, substatus, etc.