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-level packages (such as @tonconnect/ui or @tonconnect/sdk) or implement the protocol yourself if your product requires it.

This page contains a 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 React app to TON wallets via the TON Connect protocol.

  • Example of a DApp with @tonconnect/ui-react: GitHub
  • Example of deployed demo-dapp-with-react-ui: Live demo
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. It improves and unifies the user experience (UX) for TON application users.

npm i @tonconnect/ui

Here are related resources and examples:

  • Example app live demo: Live demo
  • Example backend for the demo DApp: GitHub
  • Example bridge server (Go): GitHub

This kit simplifies the implementation of TON Connect in apps built for TON Blockchain. See framework guides for React and client-side JS: React guide and Web (HTML/JS) guide.

TON Connect SDK​

The TON Connect SDK is the middle layer between the UI kit and the protocol models that helps developers integrate TON Connect into their applications. It primarily connects apps to wallets through 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 into 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, open an issue on GitHub.

See also​

Was this article useful?