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

# Virtual Environment Integration Guides

> Learn how to integrate Virtual Environments with different client libraries, smart contract development frameworks, and UI libraries.

Virtual Environments support the most popular client libraries, smart contract frameworks, and UI libraries. On this page, you can find links to guides with simple code snippets that enable you to quickly integrate your Virtual Environment with third-party libraries.

## Client libraries

Client libraries enable your dapp to connect to your Virtual Environment via RPC and interact with it.

<CardGroup cols={2}>
  <Card title="Ethers.js" href="/virtual-environments/libraries/ethers">
    Typescript and Javascript library for interacting with the Ethereum blockchain and ecosystem.
  </Card>

  <Card title="Viem" href="/virtual-environments/libraries/viem">
    TypeScript Interface that provides low-level stateless primitives for interacting with Ethereum.
  </Card>
</CardGroup>

## Smart contract frameworks

Deploying contracts with Foundry or Hardhat is covered in [Deploy and verify contracts](/virtual-environments/develop/deploy-contracts), which walks through configuration, deployment, and automatic verification for both frameworks.

## Dapp UI libraries

Dapp UI libraries provide pre-built components designed for building dapp interfaces that communicate with the blockchain. Below you'll find code snippets for popular UI libraries to connect to your Virtual Environment via RPC.

<CardGroup cols={3}>
  <Card title="Wagmi" href="/virtual-environments/dapp-ui/wagmi">
    React hooks library for building Ethereum apps with wallet connection modules.
  </Card>

  <Card title="WalletConnect" href="/virtual-environments/dapp-ui/reown">
    Tools, modules, and SDKs for building secure and interactive dapps.
  </Card>

  <Card title="ConnectKit" href="/virtual-environments/dapp-ui/connectkit">
    React.js component library for connecting wallets to dapps.
  </Card>

  <Card title="Dynamic" href="/virtual-environments/dapp-ui/dynamic">
    Login flows for crypto users, onboarding, and developer tools.
  </Card>

  <Card title="RainbowKit" href="/virtual-environments/dapp-ui/rainbowkit">
    React library for adding wallet connections to dapps.
  </Card>
</CardGroup>