diff --git a/src/features/markets/components/oracle/MarketOracle/API3FeedTooltip.tsx b/src/features/markets/components/oracle/MarketOracle/API3FeedTooltip.tsx
new file mode 100644
index 00000000..2c65d1b1
--- /dev/null
+++ b/src/features/markets/components/oracle/MarketOracle/API3FeedTooltip.tsx
@@ -0,0 +1,79 @@
+import Image from 'next/image';
+import Link from 'next/link';
+import type { Address } from 'viem';
+import etherscanLogo from '@/imgs/etherscan.png';
+import { getExplorerURL } from '@/utils/external';
+import { OracleVendorIcons, PriceFeedVendors, type FeedData, type FeedFreshnessStatus } from '@/utils/oracle';
+import type { OracleFeed } from '@/utils/types';
+import { FeedFreshnessSection } from './FeedFreshnessSection';
+
+type API3FeedTooltipProps = {
+  feed: OracleFeed;
+  feedData?: FeedData | null;
+  chainId: number;
+  feedFreshness?: FeedFreshnessStatus;
+};
+
+export function API3FeedTooltip({ feed, feedData, chainId, feedFreshness }: API3FeedTooltipProps) {
+  const baseAsset = feed.pair?.[0] ?? feedData?.pair[0] ?? 'Unknown';
+  const quoteAsset = feed.pair?.[1] ?? feedData?.pair[1] ?? 'Unknown';
+
+  const vendorIcon = OracleVendorIcons[PriceFeedVendors.API3];
+
+  return (
+    <div className="flex w-fit max-w-[22rem] flex-col gap-3">
+      {/* Header with icon and title */}
+      <div className="flex items-center gap-2">
+        {vendorIcon && (
+          <div className="flex-shrink-0">
+            <Image
+              src={vendorIcon}
+              alt="API3"
+              width={16}
+              height={16}
+            />
+          </div>
+        )}
+        <div className="font-zen font-bold">API3 Data Feed</div>
+      </div>
+
+      {/* Feed pair name */}
+      <div className="flex items-center gap-2">
+        <div className="font-zen text-base font-semibold text-gray-800 dark:text-gray-200">
+          {baseAsset} / {quoteAsset}
+        </div>
+      </div>
+
+      {/* Description */}
+      {feedData?.description && (
+        <div className="border-t border-gray-200/30 pt-3 dark:border-gray-600/20">
+          <div className="font-zen text-xs text-gray-600 dark:text-gray-400">{feedData.description}</div>
+        </div>
+      )}
+
+      <FeedFreshnessSection feedFreshness={feedFreshness} />
+
+      {/* External Links */}
+      <div className="border-t border-gray-200/30 pt-3 dark:border-gray-600/20">
+        <div className="mb-2 font-zen text-sm font-medium text-gray-700 dark:text-gray-300">View on:</div>
+        <div className="flex items-center gap-2">
+          <Link
+            href={getExplorerURL(feed.address as Address, chainId)}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="bg-hovered flex items-center gap-1 rounded-sm px-3 py-2 text-xs font-medium text-primary no-underline transition-all duration-200 hover:bg-opacity-80"
+          >
+            <Image
+              src={etherscanLogo}
+              alt="Etherscan"
+              width={12}
+              height={12}
+              className="rounded-sm"
+            />
+            Explorer
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/features/markets/components/oracle/MarketOracle/FeedEntry.tsx b/src/features/markets/components/oracle/MarketOracle/FeedEntry.tsx
index f06549ca..27f0d6c1 100644
--- a/src/features/markets/components/oracle/MarketOracle/FeedEntry.tsx
+++ b/src/features/markets/components/oracle/MarketOracle/FeedEntry.tsx
@@ -26,6 +26,7 @@ import { CompoundFeedTooltip } from './CompoundFeedTooltip';
 import { GeneralFeedTooltip } from './GeneralFeedTooltip';
 import { PendleFeedTooltip } from './PendleFeedTooltip';
 import { RedstoneFeedTooltip } from './RedstoneFeedTooltip';
+import { API3FeedTooltip } from './API3FeedTooltip';
 import { UnknownFeedTooltip } from './UnknownFeedTooltip';
 
 type FeedEntryProps = {
@@ -132,6 +133,16 @@ export function FeedEntry({
           />
         );
 
+      case PriceFeedVendors.API3:
+        return (
+          <API3FeedTooltip
+            feed={feed}
+            feedData={data}
+            chainId={chainId}
+            feedFreshness={freshness}
+          />
+        );
+
       case PriceFeedVendors.PythNetwork:
       case PriceFeedVendors.Oval:
       case PriceFeedVendors.Lido:
diff --git a/src/imgs/oracles/api3.svg b/src/imgs/oracles/api3.svg
new file mode 100644
index 00000000..bfdfe99f
--- /dev/null
+++ b/src/imgs/oracles/api3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 42 42">
+    <rect width="42" height="42" fill="#1F267B" rx="21"/>
+    <path fill="#FAFAFA" fill-rule="evenodd" d="M21.2931 8.05542L20.6201 9.21966C20.605 9.24574 20.5899 9.27181 20.5749 9.29791L8.59009 30.0316H33.9961L21.2931 8.05542ZM17.0717 18.4741L11.3013 28.457C14.3026 28.3852 17.0016 28.036 19.0166 27.0215C19.6591 26.698 20.2266 26.3092 20.7111 25.8424C19.4295 24.9675 18.5064 23.9606 17.9054 22.8345C17.1847 21.4841 16.958 20.0197 17.0687 18.5136C17.0697 18.5004 17.0707 18.4873 17.0717 18.4741ZM19.6001 28.4724H31.2734C29.6835 25.8649 27.9603 23.5855 26.0252 22.2271C25.4325 21.811 24.827 21.4865 24.2049 21.265C24.0984 22.9102 23.6905 24.288 23.0117 25.4288C22.2125 26.772 21.0692 27.7337 19.7178 28.4141C19.6787 28.4338 19.6395 28.4532 19.6001 28.4724ZM26.9641 20.982L21.3021 11.1868C19.8512 13.8436 18.79 16.3746 18.6244 18.6269C18.5841 19.1762 18.5974 19.7043 18.6704 20.2111C20.0614 19.5624 21.3979 19.2988 22.681 19.3755C24.2362 19.4684 25.6467 20.057 26.9216 20.952C26.9358 20.962 26.9499 20.972 26.9641 20.982ZM19.282 22.1007C19.2175 21.9798 19.1578 21.8574 19.1029 21.7334C20.381 21.0953 21.5361 20.8684 22.5887 20.9312C22.613 20.9327 22.6372 20.9343 22.6614 20.936C22.5923 22.4805 22.2349 23.6785 21.6811 24.6158C20.5235 23.8436 19.7588 22.994 19.282 22.1007Z" clip-rule="evenodd"/>
+</svg>
diff --git a/src/utils/oracle.ts b/src/utils/oracle.ts
index 7079a4be..c9e8a86f 100644
--- a/src/utils/oracle.ts
+++ b/src/utils/oracle.ts
@@ -52,6 +52,7 @@ export enum PriceFeedVendors {
   Compound = 'Compound',
   Lido = 'Lido',
   Pendle = 'Pendle',
+  API3 = 'API3',
   Unknown = 'Unknown',
 }
 
@@ -63,6 +64,7 @@ export const OracleVendorIcons: Record<PriceFeedVendors, string> = {
   [PriceFeedVendors.Compound]: require('../imgs/oracles/compound.webp') as string,
   [PriceFeedVendors.Lido]: require('../imgs/oracles/lido.png') as string,
   [PriceFeedVendors.Pendle]: require('../imgs/oracles/pendle.png') as string,
+  [PriceFeedVendors.API3]: require('../imgs/oracles/api3.svg') as string,
   [PriceFeedVendors.Unknown]: '',
 };
 
@@ -83,6 +85,7 @@ export function mapProviderToVendor(provider: OracleFeedProvider): PriceFeedVend
     lido: PriceFeedVendors.Lido,
     oval: PriceFeedVendors.Oval,
     pyth: PriceFeedVendors.PythNetwork,
+    api3: PriceFeedVendors.API3,
   };
 
   return mapping[normalizedProvider] ?? PriceFeedVendors.Unknown;