SafeControl Panel
“Where Safe owners, signers, and automation live in perfect harmony.”
⸻
📐 Layout Overview (Wireframe Concept ┌────────────────────────────────────────────────────────────┐ │ 🛡️ SafeControl Panel ⚙️ Settings 🔔 │ ├────────────────────────────────────────────────────────────┤ │ Sidebar | Main View │ │──────────────┼──────────────────────────────────────────────│ │ 🏠 Overview | 📊 Wallet Stats | │ 🔐 Owners | 💼 Proposals │ │ 🧾 History | 🔁 Threshold Updates │ │ 💬 Activity | 📥 Incoming Transactions │ │ 📡 Bots | ⚙️ GitHub & Discord Automations │ │ 📱 Extensions | 📦 Safe App Extensions │ │ 🔍 Search | 🔐 MPC / Reown Signatures │ └──────────────┴──────────────────────────────────────────────┘
This repository runs automated step-based CI tests, secure CodeQL scans, and release deployments powered by GitHub Actions.
Developer tools to integrate third-party applications (Safe Apps) with Safe (https://app.safe.global/).
You can find more resources on Safe Apps in the Safe Developer Portal.
| Package | Description |
|---|---|
| cra-template-safe-app | CRA template to quickly bootstrap a Safe app |
| safe-apps-react-sdk | A wrapper of safe-apps-sdk with helpful React Hooks |
| safe-apps-sdk | JavaScript SDK |
| safe-apps-provider | A generic provider that can be used with common web3 libraries (e.g. web3.js or Ethers) |
| safe-apps-onboard | Blocknative included Safe App support in onboard.js v1.26.0. Check Blocknative docs for the integration guide |
| safe-apps-web3modal | A wrapper around Web3Modal that would automatically connect to the Safe if the app is loaded as a Safe app |
| safe-apps-web3-react | A web3-react connector for Safe is included in web3-react starting from version 8 |
| safe-apps-wagmi | A wagmi connector for Safe Apps |
| safe-apps-test-app | A test app to test the Safe Apps SDK |
You can directly use our production interface for testing your Safe App
yarn install
We will use build command as an example. Same applies to other commands.
For all packages:
yarn build
For a specific package:
yarn lerna run --scope @safe-global/safe-apps-sdk build --stream
--stream options enables command output. By default, lerna displays it only in case of an error.
Release process is described in releases.md
- Making an app to withdraw all assets from a Safe in one transaction - tutorial
- Start a new project using the Safe App React template
- Video introduction to Building with Safe Apps SDK & Contract Proxy Kit
This project is licensed under the MIT License - see the LICENSE.md file for details