React Block Explorer Block

React blockchain block explorer block for Next.js with latest blocks, transactions, and search using shadcn/ui and Tailwind CSS

A React blockchain block explorer block built with Next.js, TypeScript, shadcn/ui, and Tailwind CSS. Features a searchable Input for blocks, transactions, and addresses, expandable block rows with Badge network indicators, and real-time gas and transaction data. Perfect for block explorer interfaces, network monitoring tools, and blockchain analytics dashboards.

React Block Explorer Block preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/web3-block-explorer.json

npx shadcn@latest add https://www.shadcn.io/r/web3-block-explorer.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/web3-block-explorer.json

bunx shadcn@latest add https://www.shadcn.io/r/web3-block-explorer.json

Network Stats

View network health metrics

Mempool Viewer

See pending transactions

Contract Events

Monitor contract event logs

Activity Feed

Real-time blockchain activity

Gas Tracker

Monitor gas prices

Transaction History

View past transactions

FAQ

Last updated on March 24, 2026

Was this page helpful?

React Auction House Block

React NFT auction house block for Next.js with live bidding, countdown timer, and bid history using shadcn/ui and Tailwind CSS

React Bounty Board Block

React crypto bounty board block for Next.js with task listings, rewards, and claim workflow using shadcn/ui and Tailwind CSS

React Block Explorer Block