Finxflo

Finxflo is the world's first hybrid liquidity aggregator designed to offer the best rates and prices from the world’s leading CeFi and DeFi protocols through one connection, one account and one KYC p…

www.finxflo.com

CHAIN

Ethereum

CHAIN ID

eip155:1

ICON COLOR

#fc7e40

SYMBOL

FXF

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/1/0x8a40c222996f9f3431f63bf80244c36822060f12

README

npm add xmatter

app/eip155/1/0x8a40c222996f9f3431f63bf80244c36822060f12/page.tsx

import { XmatterClient } from "xmatter/client";
import { XmatterIcon } from "xmatter/next/server";

const xmatter = new XmatterClient("eip155");

export default async function Page() {
  const chainId = "1";
  const address = "0x8a40c222996f9f3431f63bf80244c36822060f12";
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter}
        chainId={chainId}
        address={address}
        width={64} height={64}
        alt={`${frontmatter.name} Icon`}
        fallback={<div className="size-[64px] rounded-full bg-[#aaa]" />}
      />
      <h1>{frontmatter.name}</h1>
      <p>{frontmatter.symbol}: {frontmatter.decimals} decimals</p>
    </div>
  );
}

next.config.ts

import { RemotePattern } from "xmatter/next";

const nextConfig = {
  images: {
    remotePatterns: [RemotePattern],
  },
};