> ## 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.

# Подключение UI dapp к Virtual Environment

> Подключите кошелёк к развёрнутому dapp на Virtual Environment с помощью RainbowKit и отправляйте транзакции для ручного и сквозного тестирования.

Virtual Environments бесшовно работают с некоторыми из самых популярных UI-библиотек для dapp. Следуйте руководствам ниже, чтобы научиться интегрировать Virtual Environments в UI вашего dapp. Если вы используете другую UI-библиотеку и вам нужна помощь, свяжитесь с нами, чтобы добавить руководство по этой библиотеке в наши ресурсы.

<Steps>
  ### Стейджинг контрактов

  Разверните ваши смарт-контракты в стейджинге, следуя этому руководству:

  <Card title="Стейджинг смарт-контрактов" href="" />

  ### Форк стейджинговой Virtual Environment

  При желании вы можете форкнуть стейджинговую Virtual Environment и работать с независимой копией.

  <Card title="Форк Virtual Environment" href="" />

  ### Соберите данные о развёртывании

  Соберите все данные развёртывания:

  * Fork RPC
  * Адреса контрактов
  * ABI контрактов

  ### Интеграция

  В зависимости от используемого фреймворка, следуйте соответствующему руководству, чтобы подключить UI вашего dapp к Virtual Environment.

  <CardGroup cols={2}>
    <Card title="Руководство по интеграции с Wagmi" href="/virtual-environments/dapp-ui/wagmi" />

    <Card title="Руководство по интеграции с Dynamic" href="/virtual-environments/dapp-ui/dynamic" />

    <Card title="Руководство по интеграции с ConnectKit" href="/virtual-environments/dapp-ui/connectkit" />

    <Card title="Руководство по интеграции с RainbowKit" href="/virtual-environments/dapp-ui/rainbowkit" />

    <Card title="Руководство по интеграции с Web3 Modal" href="/virtual-environments/dapp-ui/reown" />
  </CardGroup>
</Steps>