The revamp on Etherscan.io + Dark Mode + Additional Features

Kaven Choi
Etherscan Blog
Published in
3 min readFeb 14, 2019

The team at Etherscan would love to introduce the refreshed and revamp UI for Etherscan.io moving into the year 2019. The changes mainly focus on the effort to improve user experience and provide tools to help users better.

On the home page, we begin with the shortening of the navigation menu, changed part of the logo and making it streamline by removing the search bar. Following a banner where all important announcement is being made and on the same line, a toggle on the left enables real-time update of the page on the latest block, transactions an Ether price.

The column also indicates the Ether price, latest block number, transactions and history with a dropdown to view the detailed chart, market cap, difficulty and hash rate in one glance.

The dark side welcomes you

Dark mode for Etherscan.io is finally here, we took this opportunity to launch the dark mode following the refreshed look. The toggle to dark mode can be found next to the language button on the page’s footer.

The homepage underwent most of the visual changes, the rest of Etherscan mostly remains the same flow and some better to make the transition as easy as possible. Feel free to go through them and let us know if there is anything you like or dislike. Any feedback is welcomed with open arms.

Without further ado below are some of the addition to Etherscan added before and after the revamp.

Ethereum Directory

Etherscan also caters a list of all useful resources for Ethereum both submitted by users, sourced and used by the team under Directory. The directory consists of all/most wallets, exchanges, mining pool, learning material, tools for developers and some crypto jobs boards for the use of everyone. Feel free to contribute too.

Goerli Testnet Explorer

Etherscan added the support of Goerli Testnet for developers. The Goerli testnet explorer is also introduced to our list of test nets by popular demand.

Vyper contract verification & compiler

Contracts that are written with Vyper, a pythonic Smart Contract Language for the Ethereum EVM can now get verified on Etherscan. Developers can also use the Vyper Compiler with versioning on Etherscan.

Address Page Features :

The drop-down next to “add to watchlist” button on an address page hides several features:

1. Check Previous Balance

Users can now look up any address Ether historical balances under ETH Account Balance Checker or can be found on any address page like under the drop-down next to “add to watchlist” button. This tool allows a user to check their historical balances by block, by date, and by address.

2. Print Account Report

Print account report will enable a user to download a report of an address with the latest 1000 transactions within a predefined date range. The report consists of ETH balances, token holding, and charts.

Sample Account Report

Thank you all for the continued support and feel free to let us know what you would love to see from us moving forward.

Etherscan Twitter
Etherscan Reddit
Etherscan Helpdesk

--

--