UI

Crypto dashboard components for React

The parts of a crypto dashboard, from the market overview at the top to the wallet at the side. Coin lists with sparklines, a total balance over time, allocation as a donut or a treemap, a swap and a cross chain bridge, and the account switcher and wallet drawer that hold it together. All of it installs with the shadcn CLI and has no wallet or chain dependency.

12 components. Install any of them with npx shadcn@latest add @ssych/<name>

  • More coins
    Bitcoin
    $64,619.00
    +38.2%
    Ethereum
    $3,050.00
    +24.6%
    Solana
    $148.32
    −8.4%
    BNB
    $578.00
    +40.3%
    XRP
    $2.2000
    +26.4%

    Top Coins

    A top cryptocurrencies widget with Bitcoin, Ethereum and Solana prices and sparklines over 3M to 1Y, scrubbable for any week.

  • Trending
     

    Market Shelf

    A row of crypto market tiles with price, daily change and a 7 day sparkline, for exchange and portfolio home screens.

  • Total balance

    $12,001.05

    −$436.91 · −3.51%past 24 hours

    $12,602$12,297$11,991

    Total Balance

    A total balance chart for crypto and banking accounts with windows from 24h to All, reading balance, change and drawdown at any point.

  • Total balance

    $64,025.65

    +$1,204.32 (+1.9%)24h

    Balance Header

    A wallet and bank balance header with the total, the 24h move and a privacy toggle that masks every figure, for crypto and fintech apps.

  • Total$64.0K

    Donut Chart

    A crypto portfolio donut chart that shows allocation as a ring with the total in the centre, the ring and its legend highlighting together.

  • Allocation Treemap

    A portfolio allocation treemap with holdings sized by weight, reading the share and value of each position on hover.

  • Trade
    You pay
    $3,660.00Balance 4.1
    You receive
    3,660
    $3,660.00Balance 8,200
    Rate1 ETH = 3,050 USDC
    SlippageAuto, 0.5%

    Swap Ticket

    A token swap widget for DEX and crypto wallet apps, with an editable amount, a flip button, a token picker and slippage settings.

  • Cross-chain swap
    Pay from Ethereum
    $4,575.00Balance 4.1
    Get on Bitcoin
    0.070729
    $4,570.43Balance 0.42
    Rate1 ETH = 0.0472 BTC
    RouteAbout 11 min, fee $4.58

    Cross Chain Swap

    A cross chain bridge and swap widget for moving tokens between networks like Ethereum, Solana and Arbitrum, reversible in one click.

  • Demo wallet0x7c2E…9f4A
    TotalEthereum
    $47,427.58
    +$503.33 (+1.1%) 24h
    Bitcoin0.42 BTC$27,139.9857.2%
    Ethereum4.1 ETH$12,505.0026.4%
    Solana28 SOL$4,144.008.7%
    BNB3.7 BNB$2,138.604.5%
    USD Coin1,500 USDC$1,500.003.2%
     

    Wallet Drawer

    A crypto wallet drawer with holdings, DeFi positions and activity, plus send, receive and settings views, for web3 apps.

  • Account Dropdown

    A crypto wallet account switcher that lists each address with its balance and share of the total, for multi wallet web3 apps.

  • Series Spotlight

    A multi line chart of twelve crypto assets with one highlighted at a time, for comparing coins without losing the one you track.

  • Net Flow Bars

    A net flow bar chart for daily ETF, exchange or wallet inflows and outflows, where dragging across days sums the run.

Questions

Do I get a whole dashboard or single parts?
This page lists single parts, all free. Full composed screens, a crypto wallet and a token screener among them, are paid and listed under Dashboards.
Which wallet library do they work with?
Any. They take plain props, so you wire them to wagmi, viem or your own API.

Browse by type

Install one in a minute

Every component here installs with the shadcn CLI and lands in your project as source you own.

Read the install guide