React Profit Loss Dashboard Block

A React and Next.js crypto P&L dashboard block built with shadcn/ui and Tailwind CSS. Shows realized and unrealized gains with asset breakdown.

A React and Next.js profit and loss dashboard component built with TypeScript, shadcn/ui Button, and Tailwind CSS. Tracks realized and unrealized P&L with per-asset breakdowns showing invested amounts, current values, and percentage gains. Perfect for active crypto traders, portfolio analytics, and DeFi performance dashboards.

React Profit Loss Dashboard Block preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/web3-profit-loss.json

npx shadcn@latest add https://www.shadcn.io/r/web3-profit-loss.json

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

bunx shadcn@latest add https://www.shadcn.io/r/web3-profit-loss.json

Portfolio Tracker

Track multi-chain portfolio

Tax Report

Generate crypto tax reports

Analytics

Blockchain analytics dashboard

DeFi Dashboard

Monitor DeFi positions

Transaction History

View past transactions

Watchlist

Track favorite tokens

FAQ

Last updated on March 24, 2026

Was this page helpful?

React Token Price Chart Block

A React and Next.js token price chart block built with shadcn/ui and Tailwind CSS. Features OHLC data, timeframe selector, and volume summary.

React Quadratic Voting Block

A React and Next.js quadratic voting block built with shadcn/ui and Tailwind CSS. Features credit allocation and vote distribution.

React Profit Loss Dashboard Block