React Transaction History Block

A React and Next.js transaction history block built with shadcn/ui and Tailwind CSS featuring status indicators and expandable details.

A React and Next.js transaction history block built with TypeScript, shadcn/ui Badge component, and Tailwind CSS. Displays on-chain transactions with status indicators, amounts, gas fees, and counterparty addresses in expandable rows. Perfect for crypto wallets, portfolio trackers, and block explorer interfaces.

React Transaction History Block preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/web3-transaction-history.json

npx shadcn@latest add https://www.shadcn.io/r/web3-transaction-history.json

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

bunx shadcn@latest add https://www.shadcn.io/r/web3-transaction-history.json

Wallet Balance

View wallet balances

Activity Feed

Real-time on-chain activity

Block Explorer

Explore blocks and transactions

Send & Receive

Transfer crypto assets

Gas Tracker

Monitor gas prices

Tax Report

Generate tax reports

FAQ

Last updated on March 24, 2026

Was this page helpful?

React Token Swap Block

A React and Next.js token swap block built with shadcn/ui and Tailwind CSS featuring exchange rates and slippage controls.

React Trending Tokens Block

A React and Next.js trending tokens block built with shadcn/ui and Tailwind CSS featuring ranked tokens with volume and momentum.

React Transaction History Block