diff --git a/app/components/LiquidityPoolTable.module.css b/app/components/LiquidityPoolTable.module.css
new file mode 100644
index 000000000..d8406eb25
--- /dev/null
+++ b/app/components/LiquidityPoolTable.module.css
@@ -0,0 +1,30 @@
+.asset-image {
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+}
+
+.asset-code {
+  display: inline-block;
+  width: 150px;
+}
+
+.asset-url {
+  font-size: 12px;
+}
+
+.amount {
+  display: inline-block;
+  width: 80px;
+  text-align: right;
+}
+
+.shares {
+  width: 50px;
+  text-align: center;
+}
+
+.trustlines {
+  width: 50px;
+  text-align: center;
+}
diff --git a/app/components/LiquidityPoolTable.tsx b/app/components/LiquidityPoolTable.tsx
new file mode 100644
index 000000000..baa525034
--- /dev/null
+++ b/app/components/LiquidityPoolTable.tsx
@@ -0,0 +1,125 @@
+import Table from 'react-bootstrap/Table'
+import { FormattedMessage } from 'react-intl'
+import type { Horizon } from 'stellar-sdk'
+
+import { type LiquidityPoolProps } from './operations/LiquidityPool'
+import { liquidityPoolAsset } from '~/data/liquidity_pool_asset'
+import { formatAmountToHumanReadable, getAssetCode } from '~/lib/utilities'
+
+import styles from './LiquidityPoolTable.module.css'
+
+interface ParentProps {
+  compact: boolean
+  // horizonURL: string
+}
+
+interface LiquidityPoolRowProps extends LiquidityPoolProps, ParentProps {}
+
+interface LiquidityPoolTableProps {
+  compact: boolean
+  records: ReadonlyArray<LiquidityPoolProps>
+  // horizonURL?: string
+}
+
+const fallBackAssetIcon = 'img/circle.svg'
+
+const PoolAsset = ({
+  reserves,
+}: {
+  reserves: Horizon.Reserve[]
+}): React.JSX.Element => {
+  return (
+    <div>
+      <span>
+        {reserves.map(({ asset, amount }, index) => {
+          const assetCode = getAssetCode(asset)
+
+          const icon = liquidityPoolAsset[assetCode]?.icon || fallBackAssetIcon
+          const url = liquidityPoolAsset[assetCode]?.url
+
+          return (
+            <div key={index}>
+              <img
+                src={icon}
+                alt={assetCode}
+                className={styles['asset-image']}
+              />
+              <span className={styles['asset-code']}>
+                {assetCode} <span className={styles['asset-url']}>{url}</span>
+              </span>
+              <span className={styles['amount']}>
+                {formatAmountToHumanReadable(amount)}
+              </span>
+            </div>
+          )
+        })}
+      </span>
+    </div>
+  )
+}
+
+const LiquidityPoolRow = ({
+  // compact,
+  id,
+  totalTrustlines,
+  totalShares,
+  reserves,
+}: LiquidityPoolRowProps): React.JSX.Element => (
+  <tr>
+    <td>
+      <PoolAsset reserves={reserves} />
+    </td>
+    <td className={styles['shares']}>
+      {formatAmountToHumanReadable(totalShares)}
+    </td>
+    <td className={styles['trustlines']}>{totalTrustlines}</td>
+  </tr>
+)
+
+export default function LiquidityPoolTable({
+  compact,
+  records, // horizonURL,
+}: LiquidityPoolTableProps) {
+  return (
+    <div>
+      <Table
+        id="liquidity-pool-table"
+        className="table-striped table-hover table-condensed"
+      >
+        <thead>
+          <tr>
+            <th>
+              <FormattedMessage id="liquidity-pool.assets" />
+            </th>
+            {/* commented out as it's not certain how to display the values. */}
+            {/* we also might need to reconsider what to be displayed. */}
+            {/* <th>
+              <FormattedMessage id="liquidity-pool.liquidity" />
+            </th>
+            <th>
+              <FormattedMessage id="liquidity-pool.apy" />
+            </th>
+            <th>
+              <FormattedMessage id="liquidity-pool.vol-24h" />
+            </th>
+            <th>
+              <FormattedMessage id="liquidity-pool.fee-24h" />
+            </th> */}
+            <th>
+              <FormattedMessage id="liquidity-pool.shares" />
+            </th>
+            <th>
+              <FormattedMessage id="liquidity-pool.trustlines" />
+            </th>
+            <th />
+          </tr>
+        </thead>
+        <tbody>
+          {records.map((pool) => (
+            <LiquidityPoolRow key={pool.id} compact={compact} {...pool} />
+          ))}
+        </tbody>
+      </Table>
+    </div>
+  )
+}
diff --git a/app/components/layout/Header.tsx b/app/components/layout/Header.tsx
index 8d7043b2a..ccba2acd4 100644
--- a/app/components/layout/Header.tsx
+++ b/app/components/layout/Header.tsx
@@ -81,6 +81,11 @@ export default function Header({
                 <FormattedMessage id="trades" />
               </NavDropdown.Item>
             </LinkContainer>
+            <LinkContainer to="/pools">
+              <NavDropdown.Item>
+                <FormattedMessage id="liquidity-pools" />
+              </NavDropdown.Item>
+            </LinkContainer>
           </NavDropdown>
         </Nav>
         <Nav className="ms-auto">
diff --git a/app/components/operations/LiquidityPool.tsx b/app/components/operations/LiquidityPool.tsx
index b99d1287e..0cbeb2d07 100644
--- a/app/components/operations/LiquidityPool.tsx
+++ b/app/components/operations/LiquidityPool.tsx
@@ -1,5 +1,15 @@
 import AccountLink from '../shared/AccountLink'
-import Asset from '../shared/Asset'
+import type { PropsWithChildren } from 'react'
+import type { Horizon } from 'stellar-sdk'
+import { getAssetCode } from '~/lib/utilities'
+
+export interface LiquidityPoolProps extends PropsWithChildren {
+  id: string
+  totalTrustlines: string
+  totalShares: string
+  reserves: Horizon.Reserve[]
+  pagingToken: string
+}
 
 const LiquidityPoolDeposit = ({
   sourceAccount,
@@ -10,14 +20,7 @@ const LiquidityPoolDeposit = ({
     <AccountLink account={sourceAccount} /> deposited&nbsp;
     {reservesDeposited
       .map(({ asset, amount }: any) => {
-        let assetStr
-        if (asset === 'native') {
-          assetStr = 'XLM'
-        } else {
-          const [code] = asset.split(':')
-          assetStr = code // (<Asset code={code} issuer={address} type="unknown" />)
-        }
-        return `${amount} ${assetStr}`
+        return `${amount} ${getAssetCode(asset)}`
       })
       .join(', ')}{' '}
     for&nbsp;
@@ -36,14 +39,7 @@ const LiquidityPoolWithdraw = ({
     {shares || sharesRedeemed}&nbsp; shares in liquidity pool for&nbsp;
     {reservesReceived
       .map(({ asset, amount }: any) => {
-        let assetStr
-        if (asset === 'native') {
-          assetStr = 'XLM'
-        } else {
-          const [code] = asset.split(':')
-          assetStr = code // (<Asset code={code} issuer={address} type="unknown" />)
-        }
-        return `${amount} ${assetStr}`
+        return `${amount} ${getAssetCode(asset)}`
       })
       .join(', ')}
   </span>
diff --git a/app/data/liquidity_pool_asset.ts b/app/data/liquidity_pool_asset.ts
new file mode 100644
index 000000000..0b05a4f7c
--- /dev/null
+++ b/app/data/liquidity_pool_asset.ts
@@ -0,0 +1,300 @@
+type LiquidityPoolAssetData = {
+  icon: string
+  url: string
+}
+
+type LiquidityPoolAsset = {
+  [key: string]: LiquidityPoolAssetData
+}
+
+// NOTE: Some entities are duplicated, so only one of them is used (the others are commented out).
+export const liquidityPoolAsset: LiquidityPoolAsset = {
+  AAED: {
+    icon: 'https://ipfs.io/ipfs/bafkreidwjgj3lp2lnsnq7trel3sxn47p73u3nkxqu572mxnfa6haiiueua',
+    url: 'afreum.com',
+  },
+  ABRL: {
+    icon: 'https://ipfs.io/ipfs/bafkreig7qzpvayxzzhjkcyxktp3k6sp45cpbjpwrkvrbybzknj2pemaofe',
+    url: '',
+  },
+  ABTN: {
+    icon: 'https://ipfs.io/ipfs/bafkreidpgci5zoe5qbe3nr5vlod2gio2kgljjyh6zmlld6xm5shymztzca',
+    url: '',
+  },
+  ACAD: {
+    icon: 'https://ipfs.io/ipfs/bafkreidisadcugrdo7l6qyzowyr6z5njlkj33rou4ufe3iqthh24osajcy',
+    url: '',
+  },
+  AEUR: {
+    icon: 'https://ipfs.io/ipfs/bafkreian7a2k3hx5mnyn426wyk72nv6wb6c2to7t5xjea5oxlamhtva6ee',
+    url: 'afreum.com',
+  },
+  AFJD: {
+    icon: 'https://ipfs.io/ipfs/bafkreiah5tgexknwbil2yytlk2lvm2nxkqkzgxgn2x3w5r5n77mpanqz7i',
+    url: '',
+  },
+  AFR: {
+    icon: 'https://ipfs.io/ipfs/bafkreibwqfiennh5grnq2jx4632227sacotxyxww7jkfo2jblelnnqite4',
+    url: 'afreum.com',
+  },
+  AHRK: {
+    icon: 'https://ipfs.io/ipfs/bafkreifdtsebcxs2sorvcg6tay3qw4ujm27w775y4mszv743a4xad5qj2i',
+    url: '',
+  },
+  AIRR: {
+    icon: 'https://ipfs.io/ipfs/bafkreidtl3gn2wu6z2t6yl2zwgxxkdd7yg6dlyal46dcsgnxft57h2vezi',
+    url: '',
+  },
+  AKHR: {
+    icon: 'https://ipfs.io/ipfs/bafkreieoj7tjrcgxlqbyd7ux7gcd6zdj7ezsrkbvevvkk7b2hhjfchpp7y',
+    url: 'afreum.com',
+  },
+  AKZT: {
+    icon: 'https://ipfs.io/ipfs/bafkreibhnf7tv4mlbp56xsxtd6kmfoqavelefqenzp24pos3slfznyuwhi',
+    url: 'afreum.com',
+  },
+  AMM: {
+    icon: 'https://ipfs.io/ipfs/bafkreievw2b3a7gukvlts6s7tzzjrjrfn2wvb3jmojb6gz2sy5iwvh2tka',
+    url: 'kingtroll.stellarmint.io',
+  },
+  ANZD: {
+    icon: 'https://ipfs.io/ipfs/bafkreif5u6loxvast2ypa4t3iiqh5dlwwugllbjpudxxc6wfxlwjmb4w7e',
+    url: 'afreum.com',
+  },
+  AQUA: {
+    icon: 'https://ipfs.io/ipfs/bafkreigzckkixvbkru2gzve67zu3bfauccugkr6zovkdv6h2yxxrppyyqa',
+    url: 'aqua.network',
+  },
+  ARST: {
+    icon: 'https://ipfs.io/ipfs/bafkreicyzwet6qdlj4koo2nwechpqd3z3cqdls3wln5qxqiqo5sj7xwj7u',
+    url: 'pubnet-sep.latamex.com',
+  },
+  AUDD: {
+    icon: 'https://ipfs.io/ipfs/bafkreiczsofrv4vuuqbqv47tniogbdz3stkdhu5b2wwcppw3kg6awxrem4',
+    url: 'audd.digital',
+  },
+  AVND: {
+    icon: 'https://ipfs.io/ipfs/bafkreigyuqdowjz27vpz7ueds3hxdxvyxr6swkowsn5u4fceqc5dnornze',
+    url: '',
+  },
+  BRAVE: {
+    icon: 'https://ipfs.io/ipfs/bafkreigmr35h2us5gz45yvyzqmkov5ontu7qo5fmhwbv4jiko6rmnzkqtu',
+    url: 'brave-token.age-shield.com',
+  },
+  BRC: {
+    icon: 'https://ipfs.io/ipfs/bafkreiaektsi5yaldp26syt53iptkc36xj5oh2oz7nivoa546jyapcbh5e',
+    url: 'coin.bravepay.net',
+  },
+  BRL: {
+    icon: 'https://ipfs.io/ipfs/bafkreiae7oor6xk7w27o5r7qdh4vw7yfu4c723swftguffgw6s7k4sofhu',
+    url: 'ntokens.com',
+  },
+  BTC: {
+    icon: 'https://ipfs.io/ipfs/bafkreidhjwrkvsvuixny3j6w2xk4vhr5x7urz525usl7xvjur35fsc6bmu',
+    url: 'ultrastellar.com',
+  },
+  // BTC: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreieodnnzcm4fyusokeabwduy6bo7kcqa2tygkligo3lkr6jvjckcua',
+  //   url: 'whalestack.com',
+  // },
+  BTCLN: {
+    icon: 'https://ipfs.io/ipfs/bafkreichfnldnhnlvnhokfss2yizyppk2ar3cqfm3psfd6bhg2dpj2tshy',
+    url: 'kbtrading.org',
+  },
+  CANNACOIN: {
+    icon: 'https://ipfs.io/ipfs/bafkreidktvov46u3o2u2qfhjv6v7p6d46xvg7p4cj2abeddf3cqqgbwnmm',
+    url: 'www.stellarcannacoin.org',
+  },
+  DOGET: {
+    icon: 'https://ipfs.io/ipfs/bafkreib4jz5ir5fw5nzpswvfxg72lvut5kkyism5bin32stw42lghzddcm',
+    url: 'doge-token.com',
+  },
+  DZA: {
+    icon: 'https://ipfs.io/ipfs/bafkreichxf6nzvbrkk5apipjvsqbcej5gte4z3lpm7mt6jz4ixvh5jqxbq',
+    url: 'dirunazentriazan.org',
+  },
+  ETH: {
+    icon: 'https://ipfs.io/ipfs/bafkreiad2di72p5p7bs3tolvimrq4bspcle3eqc74j7557wrqsnxlxlqya',
+    url: 'ultrastellar.com',
+  },
+  // ETH: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreiclubqmxwdftpqayx4scezugyuyebgi7evdcicyyclaotoawo4xxa',
+  //   url: 'dead.apay.io',
+  // },
+  EURC: {
+    icon: 'https://ipfs.io/ipfs/bafkreiaewsyyw4z5e3b4whjmbq6wpwlja2bntffmy6ex7kgfkfeqo4uy3a',
+    url: 'mirrasets.com',
+  },
+  // EURC: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreidizqlammdzrrurfq3o5owta77fiyonn6ri72h6rltqimn2xs2by4',
+  //   url: '',
+  // },
+  // EURC: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreib6tcswtof2e2bmcoks5miqmegkqrftml33ghedsczbhh72ugloza',
+  //   url: '',
+  // },
+  FIDR: {
+    icon: 'https://ipfs.io/ipfs/bafkreic6at7ntdsnjth45d3vokoi4lhdi7euqnt75gbbgq5pyje7ugjhla',
+    url: 'fixedidr.com',
+  },
+  // FIDR: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreigk3er23l4mf6yznwf3agqrj2npmbl2yxig5qkrdtwd4od6k2azti',
+  //   url: '',
+  // },
+  FRED: {
+    icon: 'https://ipfs.io/ipfs/bafkreigk3er23l4mf6yznwf3agqrj2npmbl2yxig5qkrdtwd4od6k2azti',
+    url: '',
+  },
+  FunnyMunny: {
+    icon: 'https://ipfs.io/ipfs/bafkreigbn2piyly75dnafjzh5ztfzxbl3dux7fiftumjfsr4z5qm3iu2rq',
+    url: 'fungames.litemint.store',
+  },
+  GBPC: {
+    icon: 'https://ipfs.io/ipfs/bafkreiec6ybohsdv2jzln2lzcz36n2gju2gkcdfowz4vuqqmzqg6ah6efe',
+    url: 'mirrasets.com',
+  },
+  GQX: {
+    icon: 'https://ipfs.io/ipfs/bafkreig66x5tvdvk7vxwadgbgq2rhe3qjzarxyucsr3rdg22am6joep4ka',
+    url: 'kingtroll.stellarmint.io',
+  },
+  KRWC: {
+    icon: 'https://ipfs.io/ipfs/bafkreif2bub3wowfkd75kirlxtpp2gzix53ju477ougfcxuq7knvbwmriy',
+    url: 'mirrasets.com',
+  },
+  LBTC: {
+    icon: 'https://ipfs.io/ipfs/bafkreiao3jdzro6sxquc4dw7koisynum3rginnng2dch53ahnjae3avds4',
+    url: 'lumenswap.io',
+  },
+  LDEX: {
+    icon: 'https://ipfs.io/ipfs/bafkreicbbdngvt6cvdusodgngc22vsoonmhamgrmupytdk6wdo727k2yf4',
+    url: 'lumendex.online',
+  },
+  LSP: {
+    icon: 'https://ipfs.io/ipfs/bafkreiazthj4bttq75cxhgaekfxnv7ub6b2hq6qr5qkea4bhy4gie4qegy',
+    url: 'lumenswap.io',
+  },
+  LTC: {
+    icon: 'https://ipfs.io/ipfs/bafkreia62b6mkmeem7fbvcvkbbar7a3j53257wvdpwsiqc46mffvwfkk4u',
+    url: 'whalestack.com',
+  },
+  // LTC: {
+  //   icon: 'https://ipfs.io/ipfs/bafkreiarw43hogb73q5cywj265lysdplyzcnslucoyxh6s44wbypnimu3y',
+  //   url: 'stellarport.io',
+  // },
+  LXTZ: {
+    icon: 'https://ipfs.io/ipfs/bafkreibskebafo7mjihfeuoxzg6bv7puf257re5qzyjtwbr7kzesduhuzm',
+    url: '',
+  },
+  LiquidPoetry: {
+    icon: 'https://ipfs.io/ipfs/bafkreiek43uoaps43vtbigwabivrgb3y6vywa3os5x6nyyc62bd6vvicym',
+    url: 'fungames.litemint.store',
+  },
+  NLT: {
+    icon: 'https://ipfs.io/ipfs/bafkreidbntq3c5ebdhorxxhkfvt2jpo2rlves7fqryqlqvo26iuoixwjye',
+    url: 'nolimitstellar.com',
+  },
+  NUNA: {
+    icon: 'https://ipfs.io/ipfs/bafkreiaamlsnnkh74cdz2fmn6ukfg3euonv55mrgzmxjampaknhxmbwtdy',
+    url: 'nunaproject.art',
+  },
+  POINTS: {
+    icon: 'https://ipfs.io/ipfs/bafkreic5sceyen4xdw7nrtgmm34scgjwdbnb6xfrs5locwgmxx2vcz3t7i',
+    url: 'luxpayband.io',
+  },
+  PYBC: {
+    icon: 'https://ipfs.io/ipfs/bafkreic5sceyen4xdw7nrtgmm34scgjwdbnb6xfrs5locwgmxx2vcz3t7i',
+    url: 'luxpayband.io',
+  },
+  RBT: {
+    icon: 'https://ipfs.io/ipfs/bafkreihfgl42aj4mglm3xelcpczjtb2hy4hryli3rsrhsnoj7r5cvlon4q',
+    url: 'rabet.io',
+  },
+  RIO: {
+    icon: 'https://ipfs.io/ipfs/bafkreifrek4ch6myyddfobxbnhev3npmdkteodf35pf3owi32arnkx7sge',
+    url: 'realio.fund',
+  },
+  SCOP: {
+    icon: 'https://ipfs.io/ipfs/bafkreigzc5scjuh2pry7j6eqnbao7irznrf7un5jj3fwhae3qseupvpska',
+    url: 'scopuly.com',
+  },
+  SHX: {
+    icon: 'https://ipfs.io/ipfs/bafkreiafy5nqmyfy5t3ay5tgmy5wnzkqlyqkir2owjq4jqwcxklne4xqcm',
+    url: 'stronghold.co',
+  },
+  SOLS: {
+    icon: 'https://ipfs.io/ipfs/bafkreievwdasmgkorxmeiy6uzejm3d4ktb6pm5cosssdbsq2fxbd5mditq',
+    url: 'solsbank.com',
+  },
+  SSLX: {
+    icon: 'https://ipfs.io/ipfs/bafkreiecqakv3lqychk6wwzccywywvtwjag3vtehzj4m3qilcj7735cfva',
+    url: '',
+  },
+  STL: {
+    icon: 'https://ipfs.io/ipfs/bafkreih3xe2bda6hckyah4of2xq4x2ejy54v4qbnifltbtsypumjghw57m',
+    url: 'sslx.sl8.online',
+  },
+  TFT: {
+    icon: 'https://ipfs.io/ipfs/bafkreicd6a4z2chjt7ypqow5gja5ioe5xh5zhi2kqzsidp3l4w7vywcqaq',
+    url: 'threefold.io',
+  },
+  TIDE: {
+    icon: 'https://ipfs.io/ipfs/bafkreidm4z5p6bqpq3rdids6f3mo6jd4l3hjuxo3pyqlmk2mrvhsdi5i7m',
+    url: 'tide.ooo',
+  },
+  USD: {
+    icon: 'https://ipfs.io/ipfs/bafkreihg7bovgu2qfugfctolobsnjvyqpk3vfin5ykthxrm2aobij77f3u',
+    url: '',
+  },
+  USDC: {
+    icon: 'https://ipfs.io/ipfs/bafkreibpzncuhbk5ozhdw7xkcdoyf3xhwhcwcf6sj7axjzimxw6vm6pvyy',
+    url: 'centre.io',
+  },
+  USDP: {
+    icon: 'https://ipfs.io/ipfs/bafkreic5sceyen4xdw7nrtgmm34scgjwdbnb6xfrs5locwgmxx2vcz3t7i',
+    url: 'luxpayband.io',
+  },
+  XBTC: {
+    icon: 'https://ipfs.io/ipfs/bafkreiag5vo23bly6jw6femckxmjcaacb2x2coxdkxkknfaoj2lra24xfe',
+    url: 'x-crypto.org',
+  },
+  XLM: {
+    icon: 'https://ipfs.io/ipfs/bafkreihntcz2lpaxawmbhwidtuifladkgew6olwuly2dz5pewqillhhpay',
+    url: 'stellar.org',
+  },
+  XRP: {
+    icon: 'https://ipfs.io/ipfs/bafkreih6jv72q2zuthweyyzq5vqu4dcnxbkefd7o7shgs2llnqrdeufyiy',
+    url: 'fchain.io',
+  },
+  XTAR: {
+    icon: 'https://ipfs.io/ipfs/bafkreidytzpcgxnlx6ean6zabs2mz373zf5q2l25j27i7okufmuqlzdxqm',
+    url: 'dogstarcoin.com',
+  },
+  YBX: {
+    icon: 'https://ipfs.io/ipfs/bafkreibhawkv6u7hea4g6nujfcanetcfxyls3gx6h7skwrckbn654w6cia',
+    url: 'script3.io',
+  },
+  ZUSD: {
+    icon: 'https://ipfs.io/ipfs/bafkreief7la2leoryepsaqbreiorhbj33m4be4ph4s2k4i6bdpguqbrsri',
+    url: 'stablecoin.z.com',
+  },
+  dXLM: {
+    icon: 'https://ipfs.io/ipfs/bafkreicxoebhwasnr6kpuia5idck2qisymto4jrbi5xiuswatdym7ybbgi',
+    url: 'doge-ai.org',
+  },
+  yBTC: {
+    icon: 'https://ipfs.io/ipfs/bafkreifuhpzfs5f6umrzrkqcspgvchruzwyuyvtgpzhs4nyvuraertoaby',
+    url: 'ultrastellar.com',
+  },
+  yETH: {
+    icon: 'https://ipfs.io/ipfs/bafkreihqsw7iai5gcfwvgnexdcwvftiv7fjjbg2skc2wcdygfngllv5ute',
+    url: 'ultrastellar.com',
+  },
+  yUSDC: {
+    icon: 'https://ipfs.io/ipfs/bafkreicvkevokwxgvqn6vjmf4hf2krk6txy3igi7ei6dwvleb5hqe4odcy',
+    url: 'ultrastellar.com',
+  },
+  yXLM: {
+    icon: 'https://ipfs.io/ipfs/bafkreihntcz2lpaxawmbhwidtuifladkgew6olwuly2dz5pewqillhhpay',
+    url: 'ultrastellar.com',
+  },
+}
diff --git a/app/lib/__tests__/utilities.test.ts b/app/lib/__tests__/utilities.test.ts
new file mode 100644
index 000000000..289b4e3d4
--- /dev/null
+++ b/app/lib/__tests__/utilities.test.ts
@@ -0,0 +1,38 @@
+/**
+ * @jest-environment node
+ */
+
+import { formatAmountToHumanReadable, getAssetCode } from '../utilities'
+
+describe('formatAmountToHumanReadable', () => {
+  it('formats amount to human readable with B suffix', () => {
+    expect(formatAmountToHumanReadable('1500000000')).toBe('1.50B')
+    expect(formatAmountToHumanReadable('2000000000')).toBe('2.00B')
+  })
+
+  it('formats amount to human readable with M suffix', () => {
+    expect(formatAmountToHumanReadable('1500000')).toBe('1.50M')
+    expect(formatAmountToHumanReadable('2000000')).toBe('2.00M')
+  })
+
+  it('formats amount to human readable with K suffix', () => {
+    expect(formatAmountToHumanReadable('1500')).toBe('1.50K')
+    expect(formatAmountToHumanReadable('2000')).toBe('2.00K')
+  })
+
+  it('formats amount to human readable without suffix', () => {
+    expect(formatAmountToHumanReadable('500')).toBe('500.00')
+    expect(formatAmountToHumanReadable('100')).toBe('100.00')
+  })
+})
+
+describe('getAssetCode', () => {
+  it('returns XLM for native asset', () => {
+    expect(getAssetCode('native')).toBe('XLM')
+  })
+
+  it('returns the ticker symbol for non-native asset', () => {
+    expect(getAssetCode('BTC:foo')).toBe('BTC')
+    expect(getAssetCode('ETH:bar')).toBe('ETH')
+  })
+})
diff --git a/app/lib/languages/en.json b/app/lib/languages/en.json
index 0d045deb2..bcf8982e9 100644
--- a/app/lib/languages/en.json
+++ b/app/lib/languages/en.json
@@ -69,6 +69,10 @@
     "ledger": "Ledger",
     "ledgers": "Ledgers",
     "limit": "Limit",
+    "liquidity-pools": "Liquidity Pools",
+    "liquidity-pool.assets": "Pool Assets",
+    "liquidity-pool.shares": "Shares",
+    "liquidity-pool.trustlines": "Trustlines",
     "logo": "Logo",
     "key": "Key",
     "key.public": "Public Key",
diff --git a/app/lib/languages/ja.json b/app/lib/languages/ja.json
index f944b2b5f..37cad112f 100644
--- a/app/lib/languages/ja.json
+++ b/app/lib/languages/ja.json
@@ -62,6 +62,10 @@
     "ledger": "台帳",
     "ledgers": "台帳",
     "limit": "限度枠",
+    "liquidity-pools": "流動性プール",
+    "liquidity-pool.assets": "資産",
+    "liquidity-pool.shares": "シェア",
+    "liquidity-pool.trustlines": "トラストライン",
     "logo": "ロゴ",
     "key": "キー",
     "key.public": "公開キー",
diff --git a/app/lib/loader-util.ts b/app/lib/loader-util.ts
index bc2bf733f..9ea3858af 100644
--- a/app/lib/loader-util.ts
+++ b/app/lib/loader-util.ts
@@ -11,6 +11,7 @@ export type ServerReqFnName =
   | 'payments'
   | 'trades'
   | 'transactions'
+  | 'liquidityPools'
 
 export function horizonRecordsLoader<RecordsType>(
   serverReqFnName: ServerReqFnName,
diff --git a/app/lib/stellar/server_request_utils.ts b/app/lib/stellar/server_request_utils.ts
index 416e8ba59..8c3035b02 100644
--- a/app/lib/stellar/server_request_utils.ts
+++ b/app/lib/stellar/server_request_utils.ts
@@ -3,6 +3,7 @@ import type HorizonServer from './server'
 import {
   effectRspRecToPropsRec,
   ledgerRspRecToPropsRec,
+  liquidityPoolRspRecToPropsRec,
   offersRspRecToPropsRec,
   operationRspRecToPropsRec,
   paymentRspRecToPropsRec,
@@ -10,12 +11,8 @@ import {
   tradeRspRecToPropsRec,
   transactionRspRecToPropsRec,
 } from './server_response_utils'
-import {
-  FederationServer,
-  MuxedAccount,
-  NotFoundError,
-  type ServerApi,
-} from 'stellar-sdk'
+import type { ServerApi } from 'stellar-sdk'
+import { FederationServer, MuxedAccount, NotFoundError } from 'stellar-sdk'
 import type { CallBuilder } from 'stellar-sdk/lib/call_builder'
 import type { OperationCallBuilder } from 'stellar-sdk/lib/operation_call_builder'
 import type { EffectCallBuilder } from 'stellar-sdk/lib/effect_call_builder'
@@ -26,6 +23,7 @@ import type { AccountCallBuilder } from 'stellar-sdk/lib/account_call_builder'
 import type { TransactionCallBuilder } from 'stellar-sdk/lib/transaction_call_builder'
 import type { OfferCallBuilder } from 'stellar-sdk/lib/offer_call_builder'
 import AccountTypeUnrecognizedException from '../error/AccountTypeUnrecognizedException'
+import type { LiquidityPoolCallBuilder } from 'stellar-sdk/lib/liquidity_pool_call_builder'
 
 interface PageOptions {
   cursor?: string
@@ -284,6 +282,34 @@ const trades = (
     )
 }
 
+const liquidityPools = (
+  server: HorizonServer,
+  {
+    id,
+    accountId,
+    assets,
+    cursor,
+    order = 'asc',
+    limit = 5,
+  }: PageOptions & { id?: string; accountId?: string; assets?: Asset[] },
+) => {
+  const builder: LiquidityPoolCallBuilder = server.liquidityPools()
+
+  if (id) builder.liquidityPoolId(id)
+  if (accountId) builder.forAccount(accountId)
+  if (assets) builder.forAssets(...assets)
+
+  if (cursor) builder.cursor(cursor)
+  builder.limit(limit)
+  builder.order(order)
+
+  return builder
+    .call()
+    .then((serverRsp) =>
+      serverApiResponseToState(serverRsp, liquidityPoolRspRecToPropsRec),
+    )
+}
+
 export {
   effects,
   ledgers,
@@ -295,4 +321,5 @@ export {
   transactions,
   transaction,
   loadAccount,
+  liquidityPools,
 }
diff --git a/app/lib/stellar/server_response_utils.ts b/app/lib/stellar/server_response_utils.ts
index b81ff5bc9..a8cef9245 100644
--- a/app/lib/stellar/server_response_utils.ts
+++ b/app/lib/stellar/server_response_utils.ts
@@ -20,6 +20,7 @@ const serverApiResponseToState = (
     | ServerApi.PaymentOperationRecord
     | ServerApi.TradeRecord
     | ServerApi.TransactionRecord
+    | ServerApi.LiquidityPoolRecord
   >,
   rspRecordConverterFn: any,
 ) => rsp.records.map(rspRecordConverterFn)
@@ -99,6 +100,10 @@ const tradeRspRecToPropsRec = (
   rspRec: ServerApi.TradeRecord,
 ): Record<string, any> => keysToCamelCasePlusTime(rspRec, 'ledger_close_time')
 
+const liquidityPoolRspRecToPropsRec = (
+  rspRec: ServerApi.LiquidityPoolRecord,
+): Record<string, any> => keysToCamelCasePlusTime(rspRec)
+
 /*
  * Helpers
  */
@@ -123,4 +128,5 @@ export {
   paymentRspRecToPropsRec,
   tradeRspRecToPropsRec,
   transactionRspRecToPropsRec,
+  liquidityPoolRspRecToPropsRec,
 }
diff --git a/app/lib/utilities.ts b/app/lib/utilities.ts
new file mode 100644
index 000000000..29c995e10
--- /dev/null
+++ b/app/lib/utilities.ts
@@ -0,0 +1,19 @@
+const formatAmountToHumanReadable = (amountStr: string) => {
+  const amount = parseFloat(amountStr)
+  if (amount >= 1000000000) {
+    return (amount / 1000000000).toFixed(2) + 'B'
+  }
+  if (amount >= 1000000) {
+    return (amount / 1000000).toFixed(2) + 'M'
+  }
+  if (amount >= 1000) {
+    return (amount / 1000).toFixed(2) + 'K'
+  }
+  return amount.toFixed(2)
+}
+
+const getAssetCode = (asset: string) => {
+  return asset === 'native' ? 'XLM' : asset.split(':')[0]
+}
+
+export { formatAmountToHumanReadable, getAssetCode }
diff --git a/app/routes/pools._index.tsx b/app/routes/pools._index.tsx
new file mode 100644
index 000000000..937eebc23
--- /dev/null
+++ b/app/routes/pools._index.tsx
@@ -0,0 +1,52 @@
+import { useEffect } from 'react'
+import { FormattedMessage, useIntl } from 'react-intl'
+import { useLoaderData } from '@remix-run/react'
+
+import Card from 'react-bootstrap/Card'
+import CardHeader from 'react-bootstrap/CardHeader'
+import Container from 'react-bootstrap/Container'
+import Row from 'react-bootstrap/Row'
+
+import { setTitle } from '../lib/utils'
+
+import { horizonRecordsLoader } from '~/lib/loader-util'
+import Paging from '~/components/shared/Paging'
+import type { LiquidityPoolProps } from '~/components/operations/LiquidityPool'
+import LiquidityPoolTable from '~/components/LiquidityPoolTable'
+
+const RECORD_LIMIT = 30
+
+export const loader = horizonRecordsLoader<ReadonlyArray<LiquidityPoolProps>>(
+  'liquidityPools',
+  RECORD_LIMIT,
+)
+
+export default function LiquidityPools() {
+  const { records, cursor, horizonURL } = useLoaderData<typeof loader>()
+
+  const { formatMessage } = useIntl()
+  useEffect(() => {
+    setTitle(formatMessage({ id: 'liquidity-pools' }))
+  }, [formatMessage])
+
+  return (
+    <Container>
+      <Row>
+        <Card>
+          <CardHeader>
+            <FormattedMessage id="liquidity-pools" />
+          </CardHeader>
+          <Card.Body>
+            <Paging baseUrl="/pools" records={records} currentCursor={cursor}>
+              <LiquidityPoolTable
+                records={records}
+                compact={false}
+                horizonURL={horizonURL}
+              />
+            </Paging>
+          </Card.Body>
+        </Card>
+      </Row>
+    </Container>
+  )
+}
diff --git a/app/styles/styles.css b/app/styles/styles.css
index 866f14013..7956f0fab 100644
--- a/app/styles/styles.css
+++ b/app/styles/styles.css
@@ -605,4 +605,4 @@ Mobile Rules
     font-size: 12px;
     padding: 4px 7px;
   }
-}
\ No newline at end of file
+}
diff --git a/public/img/circle.svg b/public/img/circle.svg
new file mode 100644
index 000000000..9bbabcae3
--- /dev/null
+++ b/public/img/circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+</svg>
\ No newline at end of file