Skip to content

code0xff/eth-ui

Repository files navigation

eth-ui

A lightweight Ethereum scanner focused on clarity, simplicity, and essential on-chain data.
This project provides a minimal, fast, and developer-friendly interface for exploring blocks, transactions, and addresses without the overhead of a full blockchain explorer.


Features

Lightweight Block, Transaction, and Address Views

Clean, readable UI for essential Ethereum data:

  • Block information (gas used, miner, timestamp, transactions)
  • Transaction metadata (from, to, value, gas, status)
  • Address balance and basic account details

Raw Contract Interaction Details

eth-ui intentionally avoids heavy ABI-based decoding.
Instead, it presents low-level contract data clearly:

  • Raw calldata (hex)
  • Contract bytecode and size
  • Basic contract metadata

Real-Time Updates & Connectivity Recovery

  • Automatically reconnects when WebSocket connections drop
  • Resumes updates when the browser returns from idle or sleep
  • Refreshes block and transaction data on new block arrival

Developer-Oriented, Minimal UI

Designed to be:

  • Easy to understand
  • Simple to extend
  • Useful for local or forked Ethereum chains
  • Ideal for debugging and low-level contract inspection

Modular and Extendable

Can be integrated into larger dashboards or tooling, including:

  • Provider initialization utilities
  • Small helper functions
  • Reusable layout patterns

Getting Started

1. Clone the repository

git clone https://github.com/code0xff/eth-ui
cd eth-ui

2. Install dependencies

npm install

3. Run development server

npm run dev

4. Build for production

npm run build

5. Deploy to GitHub Pages

npm run deploy

Project Goals

  • Provide a clean and intuitive UI for essential on-chain data
  • Offer a lightweight alternative to heavy explorers like Etherscan or Blockscout
  • Keep the code simple, modular, and easy to integrate
  • Serve as a minimal debugging tool for private Ethereum chains and development environments

Contributing

Contributions and feedback are welcome.

  1. Open an issue or discussion
  2. Submit a pull request
  3. Follow the existing project structure and style

License

Apache-2.0

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published