Creative Tim UICreative Tim UI
HomeBlocksWeb 3Web3 Charts

Web3 Charts Blocks based on shadcn/ui

Files
app/crypto-chart-with-details/page.tsx
import CryptoChartWithDetails from "../crypto-chart-with-details"

export default function CryptoChartWithDetailsPage() {
  return <CryptoChartWithDetails />
}
Cryptocurrency charts with current price, staking metrics, and wallet transaction details
crypto-chart-with-details

Current Price

$156,091.03

+2.4%

Market Cap

$10.93B

24h Volume

$22.12M

Total Staked

156,091 SOL

+5.2%

Users Staking

125,850

Average APR

8.35%

Trust Wallet

Trust Wallet

16,545

+12.5%
MetaMask

MetaMask

47,720

+8.3%
Coinbase

Coinbase

32,450

-2.1%
import CryptoChartWithDetails from "../crypto-chart-with-details"

export default function CryptoChartWithDetailsPage() {
  return <CryptoChartWithDetails />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Large cryptocurrency transaction chart with search and metrics
crypto-large-chart-with-one-line
$156,091Current Price36,874Active Users

Transaction Overview

Monthly transaction volume across the network

Your Tokens

7,982

+12.5% from last month

Fees Captured

10,932 SOL

≈ $1.7M USD

Rewards

4,531 SOL

≈ $706K USD

import CryptoLargeChartWithOneLine from "../crypto-large-chart-with-one-line"

export default function CryptoLargeChartWithOneLinePage() {
  return <CryptoLargeChartWithOneLine />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Cryptocurrency price chart with interactive world map showing global node distribution
crypto-charts-with-map

Current Price

$156,091.03

+2.4%

Market Cap

$10.93B

24h Volume

$22.12M

Global Node Distribution

$156,09136,874

Total Nodes

41,995

Europe

25,850

Asia

10,631

America

5,394

Others

120

import CryptoChartsWithMap from "../crypto-charts-with-map"

export default function CryptoChartsWithMapPage() {
  return <CryptoChartsWithMap />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Multi-metric cryptocurrency chart comparing transactions, volume, and staking
crypto-large-chart-with-three-lines

Network Activity Overview

Total Transactions

416,180

+12%

24h Volume

348,850

+8%

Users Staking

260,500

+15%
import CryptoLargeChartWithThreeLines from "../crypto-large-chart-with-three-lines"

export default function CryptoLargeChartWithThreeLinesPage() {
  return <CryptoLargeChartWithThreeLines />
}
PRO Blocks

This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.

Upgrade to PRO
Simple Web3 metrics cards showing APR, staking, and fees with mini charts
web3-simple-metrics

Average APR

38.03%

+5.5%

Total Staking

5.74M

+18%

Network Fees

42.9K SOL

-11%
import Web3SimpleMetrics from "../web3-simple-metrics"

export default function Web3SimpleMetricsPage() {
  return <Web3SimpleMetrics />
}