Skip to main content

TON Connect SDKs

SDK List​

info

We recommend using the @tonconnect/ui-react kit for your DApps. Only switch to lower levels of the SDK or reimplement your protocol version if your product requires it.

This page contains the list of useful libraries for TON Connect.

TON Connect React​

@tonconnect/ui-react is a React UI kit for the TON Connect SDK. Use it to connect your app to TON wallets via the TON Connect protocol in React apps.

  • Example of a DApp with @tonconnect/ui-react: GitHub
  • Example of deployed demo-dapp-with-react-ui: GitHub
npm i @tonconnect/ui-react

TON Connect JS SDK​

The TON Connect repository contains the following main packages:

TON Connect UI​

TON Connect UI is a UI kit for TON Connect SDK. Use it to connect your app to TON wallets via the TON Connect protocol. It allows you to integrate TON Connect into your app more efficiently using our UI elements, such as the connect wallet button, select wallet dialog, and confirmation modals.

npm i @tonconnect/ui

The TON Connect User Interface (UI) is a framework that allows developers to improve and unify the user experience (UX) for TON application users.

Developers can easily integrate TON Connect with apps using simple UI elements such as the connect wallet button, select wallet dialog, and confirmation modals. Here are three primary examples of how TON Connect improves UX in apps:

  • Example of app functionality in the DApp browser: GitHub
  • Example of a backend partition of the DApp above: GitHub
  • Bridge server using Go: GitHub

This kit simplifies the implementation of TON Connect in apps built for the TON Blockchain. Standard frontend frameworks are supported, as are applications that don’t use predetermined frameworks.

TON Connect SDK​

The TON Connect SDK is the lowest level of the three frameworks that help developers integrate TON Connect into their applications. It primarily connects apps to TON wallet apps via the TON Connect protocol.

TON Connect protocol models​

This package contains protocol requests, protocol responses, event models, and encoding and decoding functions. Developers may use this to integrate TON Connect to wallet apps written in TypeScript. In order to integrate TON Connect into a DApp, use the @tonconnect/sdk.

General questions and concerns​

If you encounter any additional issues during the implementation of TON Connect, contact developers with GitHub issues.

See also​

Was this article useful?