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:
| Package | Description |
|---|---|
| cra-template-safe-app | CRA template to quickly bootstrap a Safe App. Use this package to start a new Safe App from scratch using React. |
safe-apps-react-sdk  |
A wrapper of safe-apps-sdk with helpful React Hooks. |
safe-apps-sdk  |
JavaScript SDK. This is the base package for all integrations. |
safe-apps-provider  |
A generic provider that can be used with common web3 libraries. (e.g. web3.js or Ethers) |
safe-apps-wagmi  |
A wagmi connector for Safe Apps |
safe-apps-web3modal  |
A wrapper around Web3Modal that would automatically connect to the Safe when the app is loaded in the Safe Apps section. |
| @web3-onboard/gnosis | 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/gnosis-safe | web3-react already includes a connector for Safe Apps by default. You can check at their docs how to use it. |