This package is bundled into web implementations. User interface is presented in a secure popup window served from connect.trezor.io/<version>/popup.html. To try it out, use @trezor/connect-explorer hosted here.

Contains minimum of code required to:

Define TrezorConnect API object
Create and handle communication and lifecycle of @trezor/connect-popup hosted on https://connect.trezor.io/<version>/popup.html

Installation

Install library as npm module:

npm install @trezor/connect-web

yarn add @trezor/connect-web

Include library as inline script:

<script src="https://connect.trezor.io/9/trezor-connect.js"></script>

Initialization

ES6

import TrezorConnect from '@trezor/connect-web';

Inline

var TrezorConnect = window.TrezorConnect;

For more instructions refer to this document

Development

clone repository: git clone git@github.com:trezor/trezor-suite.git
install node_modules: yarn && yarn build:libs

TrezorConnect Support Matrix

The table below details the support for different environments by TrezorConnect for integrating Trezor devices, including the use of WebUSB and the need for Trezor Bridge.

Environment	Chrome	Firefox	Safari	Chrome Android	Firefox Android	Notes
Web (WebUSB)	✓	✗	✗	✓	✗	WebUSB is fully supported where indicated. (Chromium based browsers)
Web (Bridge)	✓	✓	✗	✗	✗	Trezor Bridge is required where WebUSB is not supported. (e.g. Firefox)
WebExtension (WebUSB, Bridge)	✓	✓	✗	✓	✗	Requires Trezor Bridge on platforms not supporting WebUSB.

Key Differences

WebUSB: Allows direct communication with Trezor devices via the browser. Supported by most modern browsers but may have limitations on mobile devices and is not supported by Safari.
Trezor Bridge: A service that runs with Trezor Suite or Standalone that facilitates communication between your Trezor device and a web browser. Required for browsers that do not support WebUSB or for a more stable connection on desktop environments.