Links

Overview

You can find several packages on our developer tools to make it easier to integrate third-party applications (Safe Apps) with Safe. Check the following diagram to see which package is more convenient for you:

Packages

Package
Version
Description
CRA template to quickly bootstrap a Safe App. Use this package to start a new Safe App from scratch using React.
npm
A wrapper of safe-apps-sdk with helpful React Hooks.
npm
JavaScript SDK. This is the base package for all integrations.
npm
A generic provider that can be used with common web3 libraries. (e.g. web3.js or Ethers)
npm
A wrapper around Web3Modal that would automatically connect to the Safe when the app is loaded in the Safe Apps section.
A wagmi connector for Safe Apps
Blocknative included Safe App support in @web3-onboard v1.26.0. If you are already using this package you can check here how to configure it.
web3-react already includes a connector for Safe Apps by default. You can check at their docs how to use it.