🔍💀 WhatsABI UI

Live App: https://0xcompose.github.io/whatsabi-ui/

Deprecated IPFS Version: The previous Fleek-hosted version (https://whatsabi-ui.on-fleek.app/) is no longer maintained. Direct IPFS link: https://ipfs.io/ipfs/QmViqpdQxEK3apJJSqtNPkHWpNRdyf9SNafHBnZK1wb1U9

A powerful UI for WhatsABI. This tool helps you inspect and understand any smart contract by generating its ABI through bytecode analysis or via simple retrieval from known sources.

Features

• 🔍 Inspect any smart contract across multiple EVM chains (all 500+ chains supported by viem)
• 🤖 Auto-generates ABI from contract bytecode using WhatsABI
• 🔑 Optional Etherscan API key support for getting it from verified source
• 📊 Contract metadata display (compiler version, optimization settings), if available
• 🌐 Runs completely client-side

Tech Stack

• Viem - Ethereum interactions
• WhatsABI - Contract ABI generation
• Svelte - Frontend framework

Fork & Deploy Your Own

1. Fork this repository

2. Clone your fork:

   git clone https://github.com/YOUR_USERNAME/whatsabi-ui.git
   cd whatsabi-ui

3. Install dependencies:

   yarn install

4. Run locally:

   yarn dev

5. Build for production:

   yarn build

6. Deploy to GitHub Pages:

   • Enable GitHub Pages in your repository settings
   • Go to Settings → Pages
   • Under Source, select GitHub Actions
   • Push to main branch and the workflow will automatically deploy
   • Your site will be available at https://YOUR_USERNAME.github.io/whatsabi-ui/

   Alternatively, deploy to IPFS via Fleek (deprecated):

   • Sign up on Fleek
   • Connect your GitHub repository
   • Configure build command: yarn build and publish directory: build

Contribute

Feel free to:

• Fork and deploy your own version
• Submit PRs to improve the UI
• Add new features
• Report issues
• Suggest improvements

License

MIT

Credits

Thanks to shazow for developing such a powerful tool

Made with 💚 by 0xcompose