OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Wallets

DeLab Connect

DeLab Connect is a TypeScript package for React dApps that provides a TON wallet connector, wallet-selection modal and button, connection and disconnection events, and transaction requests through a connected wallet.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

DeLab Connect — OpenViST project profile in Wallets.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when building a React dApp on TON that needs an in-app wallet connection and transaction-request flow.

Who it is for

  • React developers adding TON wallet connection to a dApp
  • Teams that need a wallet-selection modal and wallet event handling in a TON application

Documented uses

  • Present TON wallet connection options through a React modal.
  • Listen for wallet connection, disconnection and error events.
  • Request a transaction through a connected wallet.
Before you choose

Requirements & limits

The package is identified as open source under the MIT License.

  • The documented integration targets React and uses TypeScript.
  • The connector is created outside the React component.
  • The dApp URL, name and network are constructor inputs; a TON Connect manifest URL is optional.
  • The modal must be rendered among the root React component's children.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up TON wallet connection components in a React app

Install DeLab Connect, configure its connector and add the documented wallet button and modal.

Before you start

  • A React application
  • Yarn
  • The dApp URL, name and network for the connector

Steps

  1. Install the package with yarn add @delab-team/connect.

  2. Create a DeLabConnect instance outside the React component, passing the dApp URL, name and network; the TON Connect manifest URL is optional.

  3. Pass the connector object to DeLabButton and DeLabModal.

  4. Place DeLabModal among the root React component's children and choose the documented light or dark scheme.

Expected outcome

The React app includes the documented TON wallet button and modal connected to a configured connector.

Guide limitations

  • The connector is required to be created outside the React component.
Documentation 1 ↗
Source-based practical guide

Subscribe to wallet events and request a TON transaction

Follow the README's event-listener and transaction-request pattern.

Before you start

  • A configured DeLabConnect instance
  • A transaction destination and value expressed as a string in nano-coins

Steps

  1. Register listeners for the documented connect, disconnect and relevant error events.

  2. In the connection handler, prepare a transaction with a destination and nano-coin value.

  3. Call sendTransaction with the transaction object.

  4. Call loadWallet() after installing the subscriptions.

Expected outcome

The app follows the documented pattern for observing wallet events and requesting a transaction through the connector.

Guide limitations

  • The README provides an example pattern, not a verified transaction result.
  • The example does not document a complete error-handling implementation.
Documentation 1 ↗
COMPARE OPTIONS

Compare options for Wallet connections

These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.

ProjectDocumented purposePlatformAccess and requirements
DeLab ConnectPresent TON wallet connection options through a React modal.WebThe package is identified as open source under the MIT License.
Dioxus Wallet AdapterAdd Solana wallet connectivity to a Dioxus web application.Web
Vue CLI Plugin Web3ModalConfigure injected browser and WalletConnect provider options.Web
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
16 October 2026
Original website title
delab-team/connect · Official homepage title · retained in its source language
How we review sourcesSuggest a correction