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

# Chain Overview

> A list of supported chains

export const SupportedChains = () => {
  const [chains, setChains] = useState(null);
  const [error, setError] = useState(null);
  useEffect(() => {
    const fetchChains = async () => {
      try {
        const response = await fetch('https://li.quest/v1/chains?chainTypes=EVM,SVM,UTXO,MVM,TVM');
        if (!response.ok) {
          throw new Error(`HTTP error! status: ${response.status}`);
        }
        const jsonData = await response.json();
        setChains(jsonData.chains);
      } catch (err) {
        setError(err.message);
      }
    };
    fetchChains();
  }, []);
  const renderChains = chains => <table className="p-3">
      <thead>
        <tr>
          <th></th>
          <th className="text-left"><strong>Chain Name</strong></th>
          <th className="text-left"><strong>Chain ID</strong></th>
          <th><strong>Key</strong></th><th>
          <strong>Chain Type</strong></th>
        </tr>
      </thead>
      <tbody>
        {chains.sort((a, b) => a.id - b.id).map(chain => <tr key={chain.key}>
            <td>
              <img src={chain.logoURI} alt={chain.name} className="w-3 h-3 rounded-full not-prose" />
            </td>
            <td><strong>{chain.name}</strong></td>
            <td><code>{chain.id}</code></td>
            <td><code>{chain.key}</code></td>
            <td><strong>{chain.chainType}</strong></td>
          </tr>)}
      </tbody>
    </table>;
  if (error) return <div>Error: {error}</div>; else if (chains) return renderChains(chains); else return <div>Loading...</div>;
};

LI.FI offers bridging and swaps between most EVM chains, native Bitcoin, Solana, SUI and Tron.

<SupportedChains />

The list of supported chains can also be found on our [API](/api-reference/get-information-about-all-currently-supported-chains).