A powerful Frame app leveraging Frames.js and Next.js to enable secure transaction simulation and visualization for Safe multi-sig wallets.
✨ Rich Transaction Details
- Comprehensive view of proposed Safe transactions
🔍 Advanced Simulation
- Pre-execution transaction simulation
- Detailed impact analysis on wallet balances
- Token transfer tracking with value calculations
📊 Transaction Monitoring
- Real-time confirmation tracking
- Integrated block explorer links (BlockScout & MultiBaas)
- Install dependencies:
yarn- Set up environment variables:
Create a .env file with the following variables:
SAFE_ADDRESS=your_safe_address
RPC_URL=your_rpc_url
CHAIN_ID=84532
NODE_ENV=dev
# Tenderly
TENDERLY_API_URL=https://api.tenderly.co/api/v1/account/your_account/project/your_project/
TENDERLY_ACCESS_KEY=your_access_key
TENDERLY_ACCOUNT_SLUG=your_account_slug
TENDERLY_PROJECT_SLUG=your_project_slug- Run the development server:
yarn dev- Next.js - React framework
- Frames.js - Frame development framework
- Safe Protocol Kit - Safe transaction handling
- Tenderly - Transaction simulation
- TypeScript - Type safety
- Viem - Ethereum interactions
The project uses the following structure:
/app- Next.js application code/app/frames- Frame routes and handlers/app/utils- Utility functions/app/types- TypeScript type definitions
This project is licensed under the MIT License - see the LICENSE.md file for details.