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

# EVM Overview

> Seamlessly connect your dApp to EVM-compatible blockchains using Para's integration options with popular libraries like Ethers, Viem, and Wagmi.

export const Card = ({imgUrl, iconUrl, fontAwesomeIcon, title, description, href, horizontal = false}) => {
  return <div className="relative group my-2" style={{
    padding: "1px",
    background: "#e5e7eb",
    borderRadius: "12px"
  }} onMouseOver={e => {
    e.currentTarget.style.background = "linear-gradient(45deg, #FF4E00, #874AE3)";
  }} onMouseOut={e => {
    e.currentTarget.style.background = "#e5e7eb";
  }}>
      <a href={href} className={`
          block not-prose font-normal h-full
          bg-white dark:bg-background-dark 
          overflow-hidden w-full cursor-pointer
          flex ${horizontal ? "flex-row" : "flex-col"}
        `} style={{
    borderRadius: "11px"
  }}>
        {(imgUrl || iconUrl) && <div className={`
              relative overflow-hidden flex-shrink-0
              ${horizontal ? "rounded-l" : ""}
              ${!imgUrl ? "bg-white dark:bg-background-dark p-4" : ""}
            `} style={{
    width: horizontal ? "30%" : "100%"
  }}>
            {imgUrl && <img src={`https://mintlify.s3-us-west-1.amazonaws.com/getpara${imgUrl}`} alt={title} className="w-full h-full object-cover" />}
            {(iconUrl || fontAwesomeIcon) && <div className={`
                ${imgUrl ? "absolute inset-0" : ""}
                flex items-center justify-center
              `}>
                <div className="relative w-8 h-8">
                  <img src={iconUrl ? `https://mintlify.s3-us-west-1.amazonaws.com/getpara${iconUrl}` : fontAwesomeIcon} alt={title} className="w-full h-full object-contain" style={{
    filter: "brightness(0) invert(1)"
  }} />
                </div>
              </div>}
          </div>}
        <div className={`
            flex-grow px-6 py-5
            ${horizontal && (imgUrl || iconUrl) ? "flex flex-col justify-center" : ""}
          `} style={{
    width: horizontal ? "70%" : "100%"
  }}>
          {title && <h2 className="font-semibold text-base text-gray-800 dark:text-white">{title}</h2>}
          {description && <div className={`
              font-normal text-sm text-gray-600 dark:text-gray-400 leading-6
              ${horizontal || !imgUrl && !iconUrl ? "mt-0" : "mt-1"}
            `}>
              <p>{description}</p>
            </div>}
        </div>
      </a>
    </div>;
};

Para provides simple, standardized ways to integrate with EVM compatible blockchains using industry-standard libraries.
Choose the integration approach that best fits your existing tech stack and development preferences.

### Ready-Made Adapters

Already using a popular wallet connection library? Our adapters provide drop-in compatibility for using the `ParaModal`
with your existing setup.

<CardGroup cols={2}>
  <Card horizontal title="Rainbowkit" imgUrl="/images/v1/connctor-rainbowkit.png" href="/v1/web/guides/evm/rainbowkit" description="Integrate Para with your Rainbowkit implementation for a polished wallet connection experience." />

  <Card horizontal title="Wagmi" imgUrl="/images/v1/connctor-wagmi.png" href="/v1/web/guides/evm/wagmi" description="Use Wagmi's React hooks to build EVM-compatible dApps with minimal configuration." />
</CardGroup>

### Signing Libraries

Use Para's signing libraries to use Para's MPC signing capabilities with popular EVM libraries.

<CardGroup cols={2}>
  <Card horizontal title="Ethers" imgUrl="/images/v1/signer-ethers.png" href="/v1/web/guides/evm/ethers" description="Connect with the mature, full-featured Ethers.js library for comprehensive EVM interactions." />

  <Card horizontal title="Viem" imgUrl="/images/v1/signer-viem.png" href="/v1/web/guides/evm/viem" description="Leverage Viem's lightweight, type-safe approach for high-performance blockchain operations." />
</CardGroup>