Overview
Wallet Insights for Etherscan injects a glassmorphism sidebar on explorer address pages. It pulls Moralis-backed analytics through a Next.js API and shows overview, inflow/outflow, behavior, and risk without leaving the page.
Problem
Etherscan shows raw transactions. Getting net worth, flow, and a simple risk read still means extra tabs, APIs, or dashboards.
Solution
Built a React + TypeScript Manifest V3 extension that parses the address from the URL, calls a Moralis-backed API, and injects a collapsible sidebar with loading, error, and success states — plus a popup for the same data.
My role
Sole engineer — extension UI, content script injection, Next.js API, Moralis integration, and explorer page detection.
Key features
- Injected sidebar on Etherscan and PolygonScan address pages
- Wallet overview, inflow/outflow, and net flow
- Behavior tags: Accumulating, Active Trader, Dormant, Whale
- Risk score from token mix
- Collapse, copy address, and refresh controls
Results & impact
Gives analysts a structured wallet read on the explorer they already use, instead of bouncing to a separate dashboard.
Technology stack
- Chrome Extension
- React
- TypeScript
- Tailwind CSS
- Moralis
Screenshots
Related projects
Web3 Wallet Transaction Analyzer
Multi-chain Web3 wallet transaction analyzer with real-time insights, inflow/outflow tracking, and wallet behavior analysis built with Next.js, TypeScript, and Moralis.
AI Web3 Wallet Assistant
An AI-powered analytics tool that lets users paste any wallet address and ask questions in plain English. Pulls on-chain transaction data, runs it through an AI model, and returns clear summaries of wallet behavior, risk signals, and activity patterns — making Etherscan accessible to non-technical users.
FixMyPrompt — AI Prompt Optimizer
A Chrome extension that scores and rewrites AI prompts on ChatGPT, Claude, Gemini, and more before you send — with a live 0–100 score, before/after compare, and one-click optimize.
Related articles
Wallet UX Best Practices for Modern Web3 Apps
Learn how to design wallet connection flows, handle network switching, manage disconnected states, and build trust in Web3 products. Practical patterns for dashboards and DeFi apps with wagmi v2 code examples.
Web3UXWagmiHow to Build a Token Analytics Dashboard for Web3 Projects
Build a token analytics dashboard with price charts, holder tables, and transaction feeds. Data sources, Next.js architecture, and performance tips with TypeScript code examples.
Web3AnalyticsNext.jsHow to Handle Loading, Empty, and Error States in Modern Dashboards
Skeleton loaders, empty states, error recovery, wallet disconnected states, and API failure handling. Practical React patterns for Web3 and analytics dashboards.
UXReactDashboards
Need a Web3 dashboard or frontend like this?
I build production-ready Web3 dashboards, DeFi interfaces, and analytics frontends with Next.js, TypeScript, and Tailwind CSS.